Pinceladas da WebMovido a: XHTML, CSS, PHP e WebStandards

!important tem como finalidade sobrepor declarações em CSS herdadas, ou declarações anteriores, ou seja, ele faz com que uma declaração perca a herança sobre outra declaração. Não fui bem claro? Por exemplo, se você declara em seu body que todos os parágrafos de sua página terão a cor preta, e depois declara uma cor, por exemplo, verde para os parágrafos e coloca !important, ele irá sobrescrever a regra do body e irá mostrar todos os parágrafos em verde. Para se declarar !important é muito simples, basta você colocá-lo logo após sua regra CSS:

p { color:#006633 !important;}

Quais as suas vantagens?

Dentre as inúmeras vantagens, uma delas seria de que quando você faz o uso de folhas de estilo alternativas, você pode usar !important para sobrepor declarações da folha de estilos principal. Para uma melhor compreensão, no Opera, existem várias folhas de estilo pré-definidas que você pode utilizar nas páginas que quiser, para usá-las é só ir até o menu exibir>estilo e escolher as folhas de estilo disponíveis, eu peguei uma para que você possa estar vendo o uso de !important em todas as declarações. É a folha de estilos voltada a Acessibilidade.