Bolehkah Pemilih CSS Menyasarkan Elemen Berdasarkan Awalan Kelas?

Bolehkah Pemilih CSS Menyasarkan Elemen Berdasarkan Awalan Kelas?

Dalam senario di mana anda ingin menggunakan peraturan CSS pada elemen yang mempunyai kelas kongsi awalan, CSS2.1 membentangkan had. Walau bagaimanapun, dengan pengenalan pemilih padanan subrentetan atribut CSS3, ia menjadi boleh dilaksanakan.

Untuk mencapai ini, gunakan pemilih atribut berikut:

• [class^=" status-"]: Memadankan elemen dengan nama kelas bermula dengan "status-".
• [class*=" status-"]: Memadankan elemen dengan nama kelas yang mengandungi "status-" serta-merta selepas aksara ruang.

Dengan menggabungkan pemilih ini, adalah mungkin untuk menyasarkan elemen yang atribut kelasnya memenuhi syarat yang ditentukan, termasuk kes di mana berbilang kelas hadir:

div[class^="status-"], div[class*=" status-"]

Adalah penting untuk ambil perhatian bahawa pendekatan di atas mengelakkan pemadanan elemen dengan atribut kelas seperti "foo-status-bar", yang mungkin tidak diingini.

Penyelesaian alternatif mungkin termasuk menggunakan jQuery atau menyusun semula penanda HTML untuk menyertakan awalan status secara eksplisit sebagai kelas berasingan. Walau bagaimanapun, pemilih pemadanan subrentetan CSS3 menyediakan penyelesaian yang teguh dan CSS sahaja untuk menangani awalan kelas dalam peraturan gaya.

Atas ialah kandungan terperinci Bolehkah Pemilih CSS Menyasarkan Elemen Berdasarkan Awalan Kelas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!