Introdução
Parte da seção Domínio do CSS do Journey de HTML da Coddy. Lição 1 de 43.
Na seção anterior, analisamos seletores básicos, como tags, classes, IDs, seletores de grupo e o seletor universal. Eles forneceram as ferramentas para você começar a estilizar os elementos da página.
Agora vamos elevar um pouco o nível. Neste capítulo, você aprenderá algumas maneiras mais inteligentes de selecionar elementos: especificamente o seletor de descendentes (para estilizar um elemento apenas se ele estiver dentro de outro) e o seletor de irmãos adjacentes (para estilizar um elemento apenas se ele estiver logo após outro).
Essas técnicas tornam seu CSS mais limpo, flexível e fácil de gerenciar à medida que seus projetos crescem.
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çãoPratique por conta própria: Playground de Web