Para que serve a declaração '!important'?

A declaração !important é utilizada em CSS para fornecer uma regra que deve ter prioridade máxima sobre outras regras presentes no código. Ela é usada quando queremos garantir que um estilo específico seja aplicado, ignorando qualquer outra regra CSS que possa estar tentando substituí-la.

No entanto, é importante lembrar que o uso excessivo de !important pode tornar o código CSS menos legível e difícil de manter, pois pode criar conflitos e dificultar a compreensão do fluxo de estilos. Portanto, recomenda-se utilizar !important apenas quando absolutamente necessário e em situações específicas onde outras opções não funcionem.

Aqui está um exemplo de uso do !important:

Suponha que tenhamos uma regra CSS que define a cor do texto para todos os elementos em vermelho:

p { color: red; }

Agora, se quisermos aplicar uma cor diferente em um parágrafo específico, mas a cor é substituída pela regra geral, podemos usar !important para garantir que nosso estilo seja aplicado:

p.special-paragraph { color: blue !important; }

Desta forma, a cor azul será aplicada ao parágrafo com a classe “special-paragraph”, superando a regra geral definida anteriormente.