Comment puis-je styliser la première instance d'un type d'élément spécifique dans l'ensemble d'un document HTML ?

Faire correspondre le premier élément d'un certain type dans l'ensemble du document

Styliser le premier élément d'un type spécifique sur l'ensemble d'un document HTML peut être un défi en utilisant CSS seul. La pseudo-classe :first-of-type est limitée à faire correspondre le premier élément d'un type au sein de son élément parent.

JavaScript Solutions

:premier-de-type

Pour obtenir une correspondance à l'échelle du document du premier élément d'un type, un Une solution JavaScript est nécessaire.

Nous pouvons utiliser document.querySelector() pour sélectionner le premier élément correspondant dans l'ensemble du document et lui appliquer une classe personnalisée, qui peut ensuite être stylisée avec CSS.

<p>&lt ;p>Le CSS suivant stylisera ensuite le premier paragraphe avec la classe ajoutée :</p></p>
<p><pre class="brush:php;toolbar:false"> background : rose;<br>}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!