CSS Conditional Statements

Question

I know this is possible for css conditional formatting:

<!--[if !IE]>
   link/css style goes here
<![endif]-->

But is is possible to have an OR statement in there? Such as:

<!--[if !IE or !Opera]>
    link/css style goes here
<![endif]-->

Thanks in advance!

Keep in mind IE (and only old versions of it) is the only browser that supports these statements. It is best to write cross-browser CSS — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Mar 20, 2013 at 13:36
Also, while this is a bit old, this closely related question might provide additional insight stackoverflow.com/questions/4332117/… , also related stackoverflow.com/questions/454863/… — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Mar 20, 2013 at 13:39

xec · Accepted Answer · 2013-03-20 13:47:55Z

5

Conditional Comments are an IE-specific feature, and will be ignored by opera etc.

They do support "or", however in the form of a pipe like so;

<!-- [if (IE 6)|(IE 7)]>
    this is only seen by IE 6 and 7
<![endif]-->

source: msdn

EDIT

As commented, it is indeed preferable to write cross-browser-compatible CSS when possible, and use conditional comments only as a last resort. To make life easier, be sure to avoid quirks mode and use feature detection over user agent sniffing. Check out the modernizr library which helps with the latter.

edited Mar 20, 2013 at 13:47

answered Mar 20, 2013 at 13:40

xec

18.1k3 gold badges50 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Benjamin Gruenbaum Over a year ago

+1 for teaching me something :) Had no idea I could do that. I'd just like to add it is generally better to write CSS that works in all browsers to begin with (or, degrades gracefully)

Collectives™ on Stack Overflow

CSS Conditional Statements

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related