FANDOM


The CSS !important declaration is used to specify which style to rule. Property values with this declaration following them will override other existing property values of similar effect.


Example:

<style type="text/css">
    p { 
       color:green !important;
}
</style>
<p style="color:red;">This text will be green.</p>

Normally the color of the text would be red, because inline styles override the rules set in a <style> element. By including the !important declaration in the style rule, you set the content of the paragraph to green.


More examples:

In a CSS file...
h1 {
    color:white !important;
}
In the HTML file...
<head>
   <link rel="stylesheet" type="text/css" href="CSS.css" />
</head>
<body>
   <h1 style="
     color:orange !important;
   ">TEXT</h1>
</body>

The text in the first heading will be orange, even though the CSS specified it as white with the important declaration, because the orange color in the <h1> element itself is marked with the important declaration, resulting in orange text instead of white text.

External Links

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.