Bolehkah Pemilih Kad Liar CSS3 Menyasarkan Elemen dengan Nama Kelas Bermula dengan Rentetan Tertentu?

Pemilih Kad Liar CSS3 untuk Awalan Nama Kelas

Adakah mungkin untuk menggunakan pemilih kad bebas untuk memilih elemen dengan nama kelas bermula dengan rentetan tertentu dalam CSS3? Sebagai contoh, kami mempunyai elemen berikut:

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

Bolehkah kami menetapkan warna semua div ini kepada merah sekali gus menggunakan CSS?

Jawapannya ya. Untuk mencapai matlamat ini, anda boleh menggunakan pemilih CSS berikut dengan aksara kad bebas:

div[class^='myclass'], div[class*=' myclass'] {
    color: #F00;
}

Pemilih ^ (karet) sepadan dengan elemen yang nilai atribut kelasnya bermula dengan rentetan yang ditentukan. Dalam kes ini, ia memadankan elemen dengan nama kelas bermula dengan "myclass-".

Pemilih * (asterisk) sepadan dengan elemen yang nilai atribut kelasnya mengandungi rentetan yang ditentukan di mana-mana sahaja. Ini termasuk elemen yang mempunyai berbilang nama kelas, salah satunya bermula dengan "myclass-".

Dengan menggabungkan pemilih ini, anda boleh menyasarkan semua elemen dengan nama kelas yang sama ada bermula dengan atau mengandungi rentetan "myclass-" . Ini membolehkan anda menetapkan warnanya kepada merah dalam satu baris kod CSS.

Atas ialah kandungan terperinci Bolehkah Pemilih Kad Liar CSS3 Menyasarkan Elemen dengan Nama Kelas Bermula dengan Rentetan Tertentu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!