CSS セレクターは内部 HTML コンテンツに基づいて要素をターゲットにできますか?

内部 HTML に基づく CSS スタイル: 実現可能性の問題

要素に基づいてターゲットを設定してスタイルを設定できるかどうかという疑問が生じますCSS セレクターを使用して内部 HTML コンテンツのみを対象とします。以下に示すように、さまざまな内部 HTML 値を持つ複数のアンカー タグがあるシナリオを考えてみましょう。

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

目的は、特定の内部 HTML 値「innerHTML2」を含む要素のみをスタイル設定することです。ただし、元の投稿で提案されているように、セレクターとして a[value=innerHTML2] を使用すると、望ましい結果が得られません。

評決: CSS の障害

残念ながら、CSS セレクターには、内部の HTML コンテンツに基づいて要素を直接ターゲットにする機能がありません。これは CSS 仕様に固有の制限です。

代替ソリューション

CSS はこの点では不十分かもしれませんが、他のアプローチを使用して目的の機能を実現できます。そのようなソリューションの 1 つは、jQuery などの JavaScript ライブラリを利用することです。 jQuery の豊富な DOM 操作機能を活用すると、内部の HTML 値に基づいて要素を選択および操作できます。

以上がCSS セレクターは内部 HTML コンテンツに基づいて要素をターゲットにできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。