Pseudo-classes estruturais
Parte da seção Domínio do CSS do Journey de HTML da Coddy. Lição 12 de 43.
As pseudo-classes estruturais em CSS são usadas para estilizar elementos com base em sua posição ou estrutura dentro do documento HTML. Elas permitem selecionar elementos como o primeiro filho, o último filho ou filhos numerados específicos sem precisar de classes ou IDs adicionais.
Exemplos comuns incluem:
:first-child: seleciona o primeiro filho de um elemento pai.
:last-child: seleciona o último filho de um elemento pai.:nth-child(n): seleciona o enésimo filho (por exemplo, a cada 2º, 3º etc.).
Experimente você mesmo
Esta lição não inclui um desafio de código.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Domínio do CSS
1Domínio de Seletores – Combinação
IntroduçãoSeletor de DescendenteSeletor de FilhoSeletor de Irmão AdjacenteSeletor de Irmão GeralDesafio de Recapitulação7Construa com CSS Grid
Fundamentos do GridPosicionamento de Itens com Grid-rowÁreas NomeadasDesafio de Revisão2Pseudo-classes Interativas
Pseudo-classesEfeitos de HoverEfeitos de FocoEstilos AtivosDesafio de Recapitulação3Pseudo-classes estruturais
Pseudo-classes estruturaisSelecionando o primeiro filhoSelecionando o último filhoO poder dos padrões: Usando nth-childDesafio de recapitulaçãoPratique por conta própria: Playground de Web