Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Anda Menggayakan Perkataan Khusus Di Dalam Pautan Sauh dengan CSS Sahaja?

Bolehkah Anda Menggayakan Perkataan Khusus Di Dalam Pautan Sauh dengan CSS Sahaja?

DDD
DDDasal
2024-11-17 14:50:02113semak imbas

Can You Style Specific Words Inside Anchor Links with CSS Alone?

Menggayakan Sauh Berdasarkan Kandungan

S: Adakah mungkin untuk menggunakan penggayaan unik pada perkataan tertentu yang terkandung dalam pautan sauh menggunakan CSS sahaja?

J: Malangnya, tidak. Pemilih CSS3 yang dicadangkan :contains bukan sebahagian daripada Draf Kerja Pemilih CSS3 semasa. Oleh itu, JavaScript diperlukan untuk mencapai hasil yang diingini.

Sebagai contoh, kod JavaScript berikut boleh digunakan:

Array.from(document.links).forEach(link => {
  if (/\bSpecificWord\b/i.test(link.innerHTML)) {
    link.style.color = 'red';
  }
});

Contoh HTML:

<a href="#">SpecificWord</a>
<a href="#">OtherWords</a>

Atas ialah kandungan terperinci Bolehkah Anda Menggayakan Perkataan Khusus Di Dalam Pautan Sauh dengan CSS Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn