CSS : seletor de primeiro filho
Exemplo
Selecione e estilize cada elemento <p> que é o primeiro filho de seu pai:
p:first-child
{
background-color: yellow;
}
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O :first-child
seletor é usado para selecionar o seletor especificado, somente se for o primeiro filho de seu pai.
Versão: | CSS2 |
---|
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total ao seletor.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Sintaxe CSS
:first-child {
css declarations;
}
Mais exemplos
Exemplo
Selecione e estilize cada elemento <i> de cada elemento <p>, onde o elemento <p> é o primeiro filho de seu pai:
p:first-child i
{
background: yellow;
}
Exemplo
Selecione e estilize o primeiro elemento <li> nas listas:
li:first-child
{
background: yellow;
}
Exemplo
Selecione e estilize o primeiro elemento filho de cada elemento <ul>:
ul > :first-child
{
background: yellow;
}
Páginas relacionadas
Tutorial CSS: Pseudoclasses CSS