:first-child

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨julho de 2015⁩.

* Some parts of this feature may have varying levels of support.

Sumário

A pseudo-classe de CSS :first-child representa qualquer elemento que seja o primeiro filho de seus pais.

elemento:first-child { estilos }

html

<div>
 <span>Este span é verde limão!</span>
 <span>Este span não é verde limão. :(</span>
</div>

css

span:first-child {
 background-color: lime;
}

... resultado ...

html

<ul>
 <li>Elemento de Lista 1</li>
 <li>Elemento de Lista 2</li>
 <li>Elemento de Lista 3</li>
</ul>

css

li {
 color: red;
}
li:first-child {
 color: green;
}

... resultado ...

Specification
Selectors Level 4 # first-child-pseudo

This page was last modified on ⁨1 de jan. de 1970⁩ by MDN contributors.