Bolehkah saya Memohon Berbilang Kelas CSS pada Elemen HTML Tunggal?

Memohon Berbilang Kelas CSS pada Satu Elemen

Bolehkah berbilang kelas CSS digunakan pada satu elemen HTML? Sebagai contoh, pertimbangkan kod berikut:

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

Dalam kes ini, kelas c2 nampaknya diabaikan. Bagaimanakah kedua-dua kelas boleh digunakan secara serentak?

Penyelesaian:

Terdapat dua cara untuk mencapai ini:

1. Berbilang Kelas dalam Atribut Kelas

Asingkan kelas menggunakan ruang putih, contohnya:

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

2. Pemilih Persimpangan Kelas (Tiada Ruang Putih)

Untuk menentukan bahawa elemen HTML mesti mengandungi semua kelas yang ditentukan, gunakan pemilih CSS tanpa sebarang ruang:

.c1.c2 {
  /* Styles */
}

Menggunakan pemilih ini , elemen hanya akan digayakan jika ia mempunyai kedua-dua kelas c1 dan c2.

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