Bagaimana untuk Memohon Berbilang Kelas CSS kepada Elemen HTML Tunggal?

Memohon Berbilang Kelas CSS pada Satu Elemen

Dalam HTML, atribut kelas boleh digunakan untuk menentukan kelas CSS untuk menggayakan elemen. Walau bagaimanapun, adalah perkara biasa untuk menghadapi isu di mana hanya satu kelas digunakan jika anda menetapkan berbilang kelas dalam atribut kelas yang sama.

Masalah:

Memohon berbilang kelas pada elemen tunggal menggunakan atribut kelas yang berasingan, seperti yang ditunjukkan di bawah, tidak selalu berfungsi sebagai dijangka:

<code class="html"><a class="c1">aa</a></code>

Jawapan:

Terdapat dua kaedah untuk menggunakan berbilang kelas CSS pada satu elemen dengan berkesan:

Kaedah 1: Berbilang Kelas dalam Atribut Kelas

Asingkan nama kelas dengan ruang putih dalam atribut kelas:

<code class="html"><a class="c1 c2">aa</a></code>

Kaedah ini memperuntukkan kedua-dua kelas kepada elemen secara serentak.

Kaedah 2: Pemilih CSS untuk Berbilang Kelas

Untuk menyasarkan elemen yang mengandungi semua kelas yang ditentukan, gunakan pemilih CSS berikut tanpa sebarang ruang antara nama kelas:

<code class="css">.c1.c2 {
    /* CSS properties */
}</code>

Pemilih ini menyemak elemen yang mempunyai kedua-dua kelas "c1" dan "c2" digunakan.

Atas ialah kandungan terperinci Bagaimana untuk Memohon Berbilang Kelas CSS kepada Elemen HTML Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!