Introdução
Parte da seção CSS Mastery do Journey de HTML da Coddy — lição 1 de 43.
Na seção anterior, vimos seletores básicos como tags, classes, IDs, seletores de grupo e o seletor universal. Eles lhe deram as ferramentas para começar a estilizar elementos na página.
Agora vamos elevar um pouco o nível. Neste capítulo, você aprenderá maneiras mais inteligentes de selecionar elementos — especificamente o seletor descendente (para estilizar um elemento apenas se ele estiver dentro de outro) e o seletor irmão adjacente (para estilizar um elemento apenas se ele estiver logo após outro).
Essas técnicas tornam seu CSS mais limpo, mais flexível e mais 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 CSS Mastery
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ção