Bolehkah Pemilih CSS Menyasarkan Elemen Berdasarkan Kandungan HTML Dalaman?

Penggayaan CSS Berdasarkan HTML Dalaman: Persoalan Kebolehlaksanaan

Timbul persoalan sama ada mungkin untuk menyasarkan dan menggayakan elemen berdasarkan semata-mata pada kandungan HTML dalamannya menggunakan pemilih CSS. Mari kita pertimbangkan senario di mana kita mempunyai berbilang teg sauh dengan nilai HTML dalaman yang berbeza-beza, seperti yang digambarkan di bawah:

<a href="example1.com"> innerHTML1 </a>
<a href="example2.com"> innerHTML2 </a>
<a href="example3.com"> innerHTML3 </a>

Matlamatnya adalah untuk menggayakan hanya elemen yang mengandungi nilai HTML dalaman khusus "innerHTML2." Walau bagaimanapun, menggunakan a[value=innerHTML2] sebagai pemilih, seperti yang dicadangkan dalam siaran asal, tidak menghasilkan hasil yang diingini.

Keputusan: Sekatan Jalan CSS

Realiti yang malang ialah pemilih CSS tidak mempunyai keupayaan untuk menyasarkan elemen secara langsung berdasarkan kandungan HTML dalaman mereka. Ini adalah had yang wujud pada spesifikasi CSS.

Penyelesaian Alternatif

Walaupun CSS mungkin gagal dalam hal ini, pendekatan lain boleh digunakan untuk mencapai kefungsian yang diingini. Satu penyelesaian sedemikian melibatkan penggunaan perpustakaan JavaScript seperti jQuery. Dengan memanfaatkan keupayaan manipulasi DOM jQuery yang kaya, anda boleh memilih dan memanipulasi elemen berdasarkan nilai HTML dalaman mereka.

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