Bagaimanakah cara saya menggunakan berbilang kelas CSS pada satu elemen HTML?

Memohon Berbilang Kelas CSS pada Satu Elemen

Adalah mungkin untuk menetapkan berbilang kelas CSS kepada elemen HTML. Ini membolehkan anda menggunakan pelbagai gaya dan gelagat pada elemen yang sama secara serentak.

Kaedah 1: Menggunakan Berbilang Nama Kelas

Untuk menggunakan berbilang kelas pada satu elemen, hanya senaraikannya dalam atribut kelas, dipisahkan oleh ruang. Contohnya:

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

Dalam contoh ini, teg anchor menerima kedua-dua kelas c1 dan c2.

Kaedah 2: Menggunakan CSS Selector

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

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

Pemilih ini hanya akan memadankan elemen yang mempunyai kedua-dua kelas c1 dan c2 digunakan.

Penyelesaian masalah

Jika menggunakan kedua-dua kelas secara serentak tidak berkesan, pastikan tiada gaya bercanggah digunakan pada elemen. Semak fail CSS atau pemeriksa penyemak imbas anda untuk mengesahkan bahawa kelas digunakan dengan betul.

Atas ialah kandungan terperinci Bagaimanakah cara saya menggunakan berbilang kelas CSS pada satu elemen HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!