Actualmente quase todos os sites tem uma folha de estilo, geralmente style.css, esta folha de estilo é que defini a estrutura toda do site, desde tamanhos, cores de texto, etc. Dependendo do site esta folha pode conter imensas linhas de código ou poucas, no caso em que tem imensas linhas de código por distracção é normal criarmos regras no css que já existam nas linhas anteriores e desta forma vamos criar conflitos entre as declarações/regras. Pois bem foi então com a passagem do css1 para o css2 que surgiu o !important, ao aplicarmos o !importante estamos a definir aquela regra como a regra que prevalece em relação a todas as outras.

Vamos a um exemplo pratico:

Imaginemos que temos na linha 4, uma regra que define o tamanho do texto

p {font-size:14px;}

e por distracção na linha 40 temos essa mesma regra, mas com um tamanho de texto diferente

p {font-size:16px;}

Neste caso qual o tamanho de texto que será aplicado? Será o tamanho 16px, pois no css esta predefinido que a medida que avançamos no ficheiro a “importância” das regras aumenta, ou seja, as regras seguintes prevalecem sobre as anteriores.

Neste exemplo se tivéssemos:

linha 4 - p {font-size:14px !important;}

linha 40 - p {font-size:16px;}

O tamanho do texto seria 14px, pois com o !important a declaração prevalece em relação as outras, excepto quando existem mais declarações que criem conflito com o !important, por exemplo:

linha 4 - p {font-size:14px !important;}

linha 40 - p {font-size:16px !important;}

Neste caso o tamanho do texto voltaria a ser 16px.

Conclusão: Para que serve o !important?

Para além do que já foi explicado acima, o !important é bastante útil para descobrir erros quando estamos a escrever uma folha de estilos. Por exemplo, caso faça uma declaração na folha de estilos e ela não funcione utilize o !important para saber se não esta a funcionar devido a algum conflito com outra declaração. Neste caso se for por conflito com outra declaração lembre-se que essa outra declaração deve estar regra geral para baixo na folha de estilos.