CSS セレクターは内部 HTML に基づいて要素をターゲットにすることができますか?

CSS の内部 HTML に基づいた要素の選択

質問:

どのように使用できますか内部 HTML に基づいて要素をターゲットにする CSS セレクター?具体的には、次の HTML について考えてみましょう。

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

2 番目の のみをスタイル設定することは可能ですか?内部 HTML に基づいた CSS セレクターを使用して要素 (innerHTML2) を設定しますか?

回答:

残念ながら、CSS のみを使用して内部 HTML に基づいて要素をターゲットにすることはできません。 。 a[value=innerHTML2] の value 属性は、アンカー タグの内部 HTML を参照しません。

代替:

に基づいて要素をスタイル設定したい場合内部 HTML については、jQuery などの JavaScript フレームワークの使用を検討できます。これは、2 番目の をターゲットにできる jQuery セレクターです。要素:

$('a:contains("innerHTML2")')

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