devterview_$ iniciar simulação

Como a especificidade CSS é calculada

FácilJúniorFundamentos

Pergunta

Como o navegador decide qual regra CSS vence quando duas regras têm o mesmo seletor de elemento?

Resposta esperada

Por especificidade: IDs pesam mais que classes/atributos/pseudo-classes, que pesam mais que seletores de elemento/pseudo-elemento. Em empate de especificidade, vence a regra declarada por último no CSS. `!important` sobrepõe a especificidade normal (e deve ser evitado por isso mesmo).

Por que perguntam isso

Flashcard de fundamentos — útil para revisão rápida antes de uma entrevista de frontend.

#css#fundamentos
publicidade