What does !important mean in CSS? Is it available in CSS 2? CSS 3? Where is it supported? All modern browsers?
A declaração !important serve para forçar o CSS a usar a propriedade descrita nessa linha. O CSS funciona por hierarquias, uma cascata de regras que obedecem a prioridades.
css - Para que serve a declaração "!important"? - Stack Overflow em ...
So when using important, ideally this should only ever be used, when really really needed. So to override the declaration, make the style more specific, but also with an override.
Using the !important keyword in CSS is a way to prevent other meddlesome programs from taking liberties to interpret your html/css in a way other than what you want. For example when someone goes to print your html/css to paper-and-ink, they often want the background-color property to be white to save ink. So the program overrides your background-color property. This !important keyword ...
2 Strictly speaking you shouldn't need to use !important if you've structured your CSS well and don't have too many degrees of specificity. The most appropriate time to use !important is when you have one exceptional style that you want to style outside of your site's normal cascade.
You can specify the 'more important' .imp2 class above the others with !important on it. This makes the property with the additional imp2 class more important than the .prop1.imp1 style because it is loaded first in the css.
Use !important for development to quickly identify a problem in the cascade, but then fix the problem. It's best to use the least amount of specificity in CSS rules to get something to work.