Pseudo-classe :first-child
A pseudo-classe :first-child é utilizada para selecionar e estilizar o primeiro filho de um elemento pai. Essa pseudo-classe é aplicada comumente para fornecer estilos específicos ao primeiro elemento dentro de um contêiner, independentemente de seu tipo.
Exemplo
Considere o seguinte trecho de código HTML com uma lista não ordenada:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>O código CSS abaixo aplicará estilos específicos ao primeiro item da lista:
ul li:first-child {
font-weight: bold;
color: #ff6600; /* Laranja */
}
Neste exemplo, o primeiro item da lista terá um peso de fonte mais forte e uma cor laranja.