Bagaimana untuk Memilih Elemen dengan Nama Kelas Bermula dengan Rentetan Khusus dalam CSS3?

Padankan Elemen dengan Nama Kelas Bermula dengan Rentetan Khusus Menggunakan CSS3

Adakah mungkin untuk memilih berbilang elemen dengan cekap berdasarkan corak tertentu dalam nama kelas mereka menggunakan CSS3? Sebagai contoh, pertimbangkan elemen dengan nama kelas bermula dengan "myclass-".

Penyelesaian:

Terdapat dua pendekatan untuk mencapai ini dalam CSS3:

1. Menggunakan Pemilih [class^="myclass"]:

Pemilih ini sepadan dengan elemen yang atribut kelasnya bermula dengan rentetan yang ditentukan. Contohnya:

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

2. Menggunakan Pemilih [class*=" myclass"]:

Pemilih ini sepadan dengan elemen yang atribut kelasnya mengandungi rentetan yang ditentukan di mana-mana sahaja di dalamnya. Contohnya:

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

Untuk meringkaskan, anda boleh menggunakan salah satu daripada pemilih ini untuk menyasarkan semua elemen div yang nama kelasnya bermula dengan "myclass-" dan menggayakannya, seperti menetapkan warnanya kepada merah dalam kes ini .

Atas ialah kandungan terperinci Bagaimana untuk Memilih Elemen dengan Nama Kelas Bermula dengan Rentetan Khusus dalam CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!