English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Pseudo-classe :only-enfant correspond aux éléments sans éléments frères. L'équivalent du sélecteur peut également être écrit :first-enfant:last-enfant ou :nth-enfant(1:nth-last-enfant(1), bien sûr, le poids du premier est un peu plus bas.
Manuel complet des sélecteurs CSS
Correspond aux éléments p qui sont les seuls enfants d'un élément parent:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tutoriel de base(oldtoolbag.com)</title>/title>
<style>
div p:only-enfant {
color: rouge;
}
</style>
</head>
<body>
<div>
<p>Cet extrait est l'enfant unique de son élément parent</p>
</div>
<div>
<p>Cet extrait est le premier enfant de son élément parent</p>
<p>Cet extrait est le deuxième enfant de son élément parent</p>
</div>
</body>
</html>Voyons si ‹/›:only-enfant
:only-Le sélecteur enfant correspond aux éléments qui sont les seuls enfants d'un élément parent.
Les nombres dans le tableau indiquent la première version du navigateur prenant en charge cette propriété.
| Sélecteur | |||||
|---|---|---|---|---|---|
| :only-enfant | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |