CSS important property

Hi,

I know CSS having important property. But i don't know when it is uesd. And i need to know what is the purpose of using this property.

I would recommend a 3-second Google search.

The !important property is used to override inheritance and the cascade in css. It is generally considered a hack and In my opinion should be avoided if at all possible. It sounds like you should do something reading on inheritance and the difference between ids and classes

Paul Ninja is correct. It is basically a hack to override the inheritance of another element. To avoid the !important property all you have to do is make a more precise css element.

Just an example:

Lets say you have the following and the body text color is set to black #000;



Now lets say you set the following:

#test { color: #eee; }

This will make all the text under the Id test black. This means all the child elements have adopted this color.

To fix that just do this:

#test .text2 p { color: #ccc; }

What you did here is make a more specific css element that keeps you from having to use the !important hack.

I know this is not really relevant to your issue but it helps explain what Paul-Ninja is trying to say.