Comments on: CSS: Targeting Safari 3 only http://36flavours.com/2009/01/css-targetting-safari-3-only/ A taste of something different... Thu, 19 Aug 2010 02:12:33 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Alan http://36flavours.com/2009/01/css-targetting-safari-3-only/comment-page-1/#comment-72 Alan Fri, 19 Jun 2009 14:01:10 +0000 http://sha.re.it/?p=93#comment-72 Just in case, here's also a way to target Opera. The first declaration hits Safari as well so you need to go back and reset Safari. There have been a few times that I needed to hit just Opera and this solves it. <code> /* Opera and Safari */ @media all and (min-width: 0px) { #id { background: #99e; } } /* Reset Safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #id { background: #ede; } } </code> Just in case, here’s also a way to target Opera. The first declaration hits Safari as well so you need to go back and reset Safari. There have been a few times that I needed to hit just Opera and this solves it.


/* Opera and Safari */
@media all and (min-width: 0px) {
#id { background: #99e; }
}
/* Reset Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#id { background: #ede; }
}

]]>