Monday, May 26, 2008

[itsdifferent] Importance of !important in CSS

Do you know What does !important mean in CSS?, an "!important" declaration (the keywords "!" and "important" follow the declaration) this takes high precedence over a normal declaration. And can be framed in this way, this means that the styles are applied in order as they are read by the browser.

CSS it tries to create a balance of power between author and user style sheets. By default, rules in an author's style sheet override those in a user's style sheet. But in CSS1, this is in other way round - Author "!important" rules took precedence over User "!important" rules.

For Example:
User's Style Sheet:
   1: <style> 
   2:   p{font-size: 2em !important;} 
   3:   p{font-style: italic;} 
   4: </style>

Author's Style Sheet:
   1: <style> 
   2:   p{font-size: 3em;} 
   3:   p{font-style: normal;} 
   4: </style> 

If you see in the above instance, the first rule in the User's Style Sheet has "!important" declaration, which will overrides the first rule in the Author's Style Sheet. And if you observe for the second rule in User's Style Sheet it does not contain "!important" so this will be ruled out because here second rule in the Author's Style Sheet has got high preference so the HTML will render by taking size as "p{font-style: normal;}"

If you would like to know more on this, then check with the w3 site: and move to the section called "6.4.2 !important rules"
Sudev Gandhi

Sudev Gandhi Blog

ยช Grab this Headline Animator

Note: This Group is not a Job Searching Group, so please co-operate and dont transfer any kind of job related material across this Group.AnyOne doing so can be banned from the Group
Thanx , Group Co-Ordinators
New web site?

Drive traffic now.

Get your business

on Yahoo! search.

Y! Messenger

Files to share?

Send up to 1GB of

files in an IM.

Yahoo! Groups

Women of Curves

Discuss food, fitness

and weight loss.



No comments: