CSS Hack for Safari and Google Chrome: Redux

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

As body:nth-of-type(1) and body:first-of-type are supported by FireFox 3.5x, the hack that I wrote about in this post cannot be used anymore. You may try the following one, which targets only Google Chrome and Safari:

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 div
 {
  color: red; /* The text will appear red only in Safari and Google Chrome */
 }
}
Categories and Tags
Links

© 2006 - 2024 Martin Ivanov