Wie kann ich die erste Instanz eines bestimmten Elementtyps in einem gesamten HTML-Dokument formatieren?

Übereinstimmung mit dem ersten Element eines bestimmten Typs im gesamten Dokument

Stilisierung des ersten Elements eines bestimmten Typs über ein gesamtes HTML-Dokument hinweg kann allein mit CSS eine Herausforderung sein. Die :first-of-type-Pseudoklasse ist darauf beschränkt, das erste Element eines Typs innerhalb seines übergeordneten Elements abzugleichen.

---

JavaScript Lösungen

:first-of-type

Um eine dokumentweite Übereinstimmung des ersten Elements eines Typs zu erreichen, a Eine JavaScript-Lösung ist erforderlich.

Wir können document.querySelector() verwenden um das erste passende Element im gesamten Dokument auszuwählen und eine benutzerdefinierte Klasse darauf anzuwenden, die dann mit CSS gestaltet werden kann.

</p>
<p><p>Das Folgende CSS formatiert dann den ersten Absatz mit der hinzugefügten Klasse:</p></p>
<p><pre class="brush:php;toolbar:false"> Hintergrund: rosa;<br>}

Das obige ist der detaillierte Inhalt vonWie kann ich die erste Instanz eines bestimmten Elementtyps in einem gesamten HTML-Dokument formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!