Override Inline CSS – I had no idea!

Just came across this link via dZone.

http://css-tricks.com/override-inline-styles-with-css/

<div style="background: red;">
    The inline styles for this div should make it red.
</div>

We can fight that with this:

div[style] {
   background: yellow !important;
}

It doesn’t work in IE6, if you care.  But the places where I’ve needed this trick, I don’t care.

Most Commented Post

3 Responses to “Override Inline CSS – I had no idea!”

Leave a Reply

Comment Policy:

  • You must verify your comment by responding to the automated email that is sent to your email address. Unverified comments will never show.Leave a good comment that adds to the conversation and I'll leave your link in.
  • Leave me pure spam and I'll delete it.
  • Leave a general comment and I'll remove the link but keep the comment.

Notify me of followup comments via e-mail

Bear