Search code examples
cssinternet-explorerinternet-explorer-7conditional-comments

Conditional CSS file doesn't override regular CSS

I am using conditional comments to link to a css file (let's call it "IEonly.css") if the IE version is less than 8. I am trying to override some properties in the regular css file. Strangely enough, IEonly.css will set new css properties correctly, but it won't override the properties in the regular CSS file!

(I am trying to make this work for IE7).

Help!

EDIT: I added an !important after the css style to see if it would help. It didn't.

Solution

  • I added a class to the element and referenced it on the IEonly stylesheet with the class selector and the regular style sheet without. This caused the IEonly style declaration to override the regular one.