Pseudoclase only-of-type
La pseudoclase only-of-type selecciona
un elemento que es el único descendiente
de su tipo.
Sintaxis
selector:only-of-type {
}
Ejemplo
Colorearemos el encabezado h2 en rojo si
es el único h2 en su elemento padre:
<div>
<h2>encabezado</h2>
<p>párrafo</p>
<p>párrafo</p>
<p>párrafo</p>
</div>
<div>
<h2>encabezado</h2>
<p>párrafo</p>
<h2>encabezado</h2>
<p>párrafo</p>
<p>párrafo</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
