Which browsers support the CSS !important directive, and what are the various quirks amongst the different browsers that do support it?
All browsers apart from IE6 support it which makes it quite handy for CSS hacks. Example:
#someElement { width:200px !important; width:198px; }
All browsers apart from IE6 will render #someElement
at 200px because they will honor the !important
. IE6 however will just ignore the !important
and render #someElement
at 198px.
EDIT: Most common use case scenario for this (at least with me) is using it to correct the double margin bug in IE6