Você já aplicou o CSS a um elemento, mas ele simplesmente não funcionou?
Com o Chrome DevTools, você pode descobrir problemas de CSS rapidamente, depurar e testá-los.
Assista o vídeo para saber como o painel Elementos > Estilos destaca vários problemas de CSS:
Propriedade com sintaxe inválida
Propriedade modificada
Propriedade inativa 
Herdado de
parent
propriedade herdada
Propriedade não herdada
Propriedade abreviada expansível 
Propriedade longa modificada
Propriedade longa ativa
folha de estilo do user agent
- Propriedade não editável
Propriedade não editável modificada
Mais dicas de depuração:
- Use o filtro no painel Estilos para se concentrar na propriedade que interessa a você.
- Use o painel Calculado para conferir todos os vencedores da Cascade e os valores calculados.
- No painel Calculado, expanda uma propriedade e clique em um link para encontrar a origem dela no painel Estilos.
Para saber mais sobre todas as maneiras como o DevTools destaca problemas de CSS, consulte Encontrar CSS inválido, substituído, inativo e outros CSSs.
Para aumentar seu conhecimento sobre CSS, acesse Aprender sobre CSS.
Para saber como criar sites com ótima aparência e funcionamento para todo mundo, acesse Aprender sobre design responsivo.