HTML ドキュメント全体で特定の要素タイプの最初のインスタンスをスタイル設定するにはどうすればよいですか?

ドキュメント全体の特定の型の最初の要素と一致させる

特定の型の最初の要素をスタイル設定するCSS のみを使用して HTML ドキュメント全体にまたがるのは困難な場合があります。 :first-of-type 擬似クラスは、親要素内の型の最初の要素と一致するように制限されています。

---

JavaScript解決策

:first-of-type

型の最初の要素のドキュメント全体の一致を実現するには、 JavaScriptの解決策は、

document.querySelector() を使用してドキュメント全体で最初に一致する要素を選択し、それにカスタム クラスを適用し、CSS でスタイル設定できます。 .

</p>
<p><p>次の CSS は、クラスを追加した最初の段落:</p></p>
<p><pre class="brush:php;toolbar:false"> 背景: ピンク;<br>}

以上がHTML ドキュメント全体で特定の要素タイプの最初のインスタンスをスタイル設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。