Can conditional comments work for borwsers other than just IE?

Question

I am wanting to use a separate CSS sheet on my web-page for Chrome & Safari, than the one used for all other borwser types. I have previously used conditional comments when doing this for IE, such as:

<!--[if !IE]><link rel="stylesheet" type="text/css" href="style.css"><!--<![endif]-->
<!--[if IE]><link rel="stylesheet" type="text/css" href="style2.css"><![endif]-->

but I am wanting the above to work for Chrome & Safari instead. Is this possible?

Perhaps you should look here: http://stackoverflow.com/questions/5621749/how-do-i-detect-the-users-browser-and-apply-a-specific-css-file — Norbert, Oct 01 '13 at 19:22

score 0 · Answer 1 · answered Oct 01 '13 at 19:27

Conditional comments only work in IE.

This is a creative way to address this problem. I learned it from here

@media screen and (-webkit-min-device-pixel-ratio:0) {  
  /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
}

score 0 · Answer 2 · answered Jul 09 '14 at 00:55

0

Mozilla has a vendor specific one as well.

@media screen and (min--moz-device-pixel-ratio:0) {
   /* Firefox browser based CSS goes here */
}

answered Jul 09 '14 at 00:55

Jeff Clayton

7,053
1
31
36

Can conditional comments work for borwsers other than just IE?

2 Answers2