Bolehkah Elemen Gaya CSS3 Berdasarkan Kandungan?

Cara Memohon Peraturan CSS Berdasarkan Kandungan

Adalah keperluan biasa untuk menggunakan gaya tertentu pada elemen yang mengandungi perkataan atau frasa. Walaupun CSS moden mempunyai keupayaan lanjutan, terdapat aspek khusus yang tidak dapat dikendalikan secara langsung.

Bolehkah Elemen Gaya CSS3 Berdasarkan Kandungan?

Jawapan mudahnya ialah tidak. CSS3 tidak termasuk pemilih asli yang membolehkan anda menggayakan elemen berdasarkan kandungannya. Pemilih :contains yang dicadangkan, yang akan membolehkan fungsi ini, telah dialih keluar daripada Draf Kerja semasa Pemilih CSS3.

Penyelesaian Alternatif

Untuk mencapai penggayaan berasaskan kandungan , anda boleh menggunakan JavaScript. Coretan berikut menunjukkan cara menggunakan warna merah pada sauh yang mengandungi perkataan "SpecificWord":

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

Kod JavaScript ini berulang melalui semua elemen sauh (document.links), menyemak sama ada innerHTML mereka mengandungi yang dikehendaki perkataan, dan jika benar, gunakan warna merah.

Kesimpulannya, walaupun CSS tidak menyokong berasaskan kandungan secara asli penggayaan, anda boleh menggunakan JavaScript untuk mencapai hasil yang serupa. Ini membolehkan anda membuat peraturan penggayaan yang terperinci untuk elemen yang memenuhi keperluan kandungan tertentu.

Atas ialah kandungan terperinci Bolehkah Elemen Gaya CSS3 Berdasarkan Kandungan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!