Pseudoclase only-child
La pseudoclase only-child selecciona un elemento
que es el único hijo de su padre.
Sintaxis
selector:only-child {
}
Ejemplo
En este ejemplo, haremos que el li sea de color rojo
si es el único hijo del elemento padre ul:
<ul>
<li>elemento de lista</li>
</ul>
<ul>
<li>elemento de lista</li>
<li>elemento de lista</li>
<li>elemento de lista</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
