English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Pseudo-classe :first CSS-de-type représente le premier élément de type dans un groupe d'éléments frères.
Guide complet des sélecteurs CSS
L'élément p sélectionné est le premier élément p de l'élément parent :
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base (oldtoolbag.com)</title>
<style>
/* Sélectionne le premier <p> apparaissant dans l'élément parent, indépendamment de sa position parmi les frères. */
p:first-de-type {
couleur: rouge;
}
</style>
</head>
<body>
<h1>C'est un titre</h1>
<p>C'est le premier paragraphe.</p>
<p>C'est le deuxième paragraphe.</p>
<p>C'est le troisième paragraphe.</p>
<p>C'est le quatrième paragraphe.</p>
</body>
</html>Voyons si ‹/›:first-de-Le sélecteur type correspond à l'élément dont le parent est le premier élément de type spécifié.
Avis: et :nth-de-type(1) a la même signification.
Les nombres dans le tableau indiquent la version du premier navigateur pris en charge pour cette propriété.
| sélecteur | |||||
|---|---|---|---|---|---|
| :first-de-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |