English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Clase pseudo :solo-El selector hijo coincide con el elemento que no tiene hermanos. El selector equivalente también se puede escribir como :first-hijo:ultimo-hijo o :nth-hijo(1:nth-último-hijo(1), por supuesto, el peso del primero es un poco más bajo.
Manual de referencia de selector CSS completo
Coincide con el elemento p que es el único hijo del elemento padre:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guía básica(oldtoolbag.com)</title>/title>
<style>
div p: solo-hijo {
color: rojo;
}
</style>
</head>
<body>
<div>
<p>Este párrafo es el único hijo del elemento padre</p>
</div>
<div>
<p>Este párrafo es el primer hijo del elemento padre</p>
<p>Este párrafo es el segundo hijo del elemento padre</p>
</div>
</body>
</html>Prueba y mira ‹/›:solo-hijo
:solo-El selector hijo coincide con el elemento que es el único hijo del elemento padre.
Los números en la tabla indican la primera versión del navegador que admite el atributo.
| Selector | |||||
|---|---|---|---|---|---|
| :solo-hijo | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |