Bolehkah Anda Menggunakan Kad Liar dalam Pemilih CSS untuk Memadankan Berbilang Kelas?

Pemilih CSS: Menggunakan Wildcard untuk Memadankan Berbilang Kelas

Dalam CSS, memilih elemen berdasarkan nama kelas boleh dipermudahkan dengan menggunakan aksara kad bebas . Teknik kad bebas ini berguna apabila anda perlu memadankan berbilang elemen dengan nama kelas bermula dengan rentetan tertentu.

Masalah:

Adakah mungkin untuk menggunakan pemilih kad liar dalam CSS untuk memilih elemen dengan nama kelas bermula dengan rentetan tertentu? Sebagai contoh, pertimbangkan elemen HTML berikut:

<div class="myclass-one"></div>
<div class="myclass-two"></div>
<div class="myclass-three"></div>

Jawapan:

Untuk memilih semua elemen ini dengan pemilih kad bebas, anda boleh menggunakan kod CSS berikut:

div[class^="myclass"],
div[class*=" myclass"] {
  color: #f00;
}

Dalam hal ini pemilih:

• div[class^="myclass"] sepadan dengan elemen yang nama kelasnya bermula dengan "myclass".
• div[class* =" myclass"] sepadan dengan elemen yang nama kelasnya mengandungi rentetan " myclass".

Dengan menggunakan ini kad bebas, anda boleh menyasarkan semua elemen dengan nama kelas yang bermula dengan "myclass" dengan berkesan tanpa perlu menyatakan setiap nama kelas individu.

Atas ialah kandungan terperinci Bolehkah Anda Menggunakan Kad Liar dalam Pemilih CSS untuk Memadankan Berbilang Kelas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!