Pseudo-classes
Parte da seção CSS Mastery do Journey de HTML da Coddy — lição 7 de 43.
Pseudo-classes interativas permitem que você altere a aparência dos elementos quando os usuários realizam ações como passar o mouse sobre eles, clicar neles ou selecioná-los. Elas ajudam a fazer com que seu site pareça mais responsivo e divertido de usar.
A sintaxe das pseudo-classes:
selector:pseudo-class {
property: value;
}
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Folha de consulta
Pseudo-classes interativas alteram a aparência do elemento com base nas interações do usuário. Elas usam a sintaxe:
selector:pseudo-class {
property: value;
}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