A Web: HTML e CSS
🎯 CSS: seletores, cascata e especificidade
Seletores avançados, combinadores, pseudo-classes e elementos, a cascata, a herança e como a especificidade é calculada.
O que você vai aprender
- Selecionar elementos com combinadores, pseudo-classes (
:hover,:nth-child), pseudo-elementos (::before) e seletores de atributo - Distinguir como a cascata e a herança decidem qual regra e qual valor se aplica a cada elemento
- Calcular a especificidade de um seletor para prever qual regra vence e evitar abusar de
!important
Lições
Seletores avançadosCombinadores, pseudo-classes, pseudo-elementos e seletores de atributo. A cascata e a herançaComo o navegador decide qual regra vence e quais propriedades são herdadas. Especificidade e !importantComo se calcula o peso de um seletor e por que evitar !important.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →