> HOW IT WORKS:
> the "!important" property forces that style to override all other css,
> whether style-sheets, inline-css, header-styles, and whether above or
> below in the css hierarchy.
Yes, important will override, but only for the one property using it.
Let's assume you have to css files both containing a selector:
.doesntwork {
float: right;
width: 240px;
}
and in the other file
.doesntwork {
width: 300px;
}
So if the file you're changing is the second, you'd end up with
.doesntwork {
width: 300px !important;
}
which is fine, however the browser will apply
.doesntwork {
float: right;
width: 300px;
}
and I bet you didn't want the float in there :-)
Best is to just use things with unique identifiers.
Uwe
