CSS Conditional Statement [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed 9 years ago.

Improve this question

I'm using conditional statements to load css for a specific version of IE or any other browser.

For example, let's say I'm targeting IE7.

So I'll use this:

    <!--[if IE 7]>
        <link rel="stylesheet" href="/style/ie7.css" />
    <![endif]-->

Now... this works when I'm using IE7 but I wanted that to also work for any other browser. When I check on firebug, this css is not loaded.

How can I make it work for IE7 and any other browser?

Thanks!

Answer 1

You could do this:

<!--[if IE 7]><!-->
    <link rel="stylesheet" href="/style/ie7.css" />
<!--<![endif]-->

Notice how the syntax highlighting changes because the link element is no longer commented out by the conditional statements.

The only caveat is that IE10 and later will also use this stylesheet, because IE10 and later now ignore HTML conditional statements entirely by design. Since IE10 is pretty well-regarded in terms of standards compliance, this should not be a problem, but if you don't want any version of IE except 7 to use this stylesheet, I don't think there's a workaround for it that doesn't involve JavaScript.