Pseudoclase only-child

La pseudoclase only-child selecciona un elemento que es el único hijo de su padre.

Sintaxis

cssselector:only-child {
  
}

Ejemplo

En este ejemplo, haremos que el li sea de color rojo si es el único hijo del elemento padre ul:

html<ul>
  <li>elemento de lista</li>
</ul>

<ul>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
  <li>elemento de lista</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: