CSS だけでアンカーリンク内の特定の単語のスタイルを設定できますか?

コンテンツに基づいたアンカーのスタイル

Q: CSS のみを使用して、アンカー リンク内に含まれる特定の単語に独自のスタイルを適用することは可能ですか?

A: 残念ながら、いいえ。提案されている CSS3 セレクター :contains は、CSS3 セレクターの現在の作業草案の一部ではありません。したがって、望ましい結果を達成するには JavaScript が必要です。

たとえば、次の JavaScript コードを利用できます:

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

HTML の例:

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

以上がCSS だけでアンカーリンク内の特定の単語のスタイルを設定できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。