Css hack der kun rammer Safari

Hvordan ramme? Oo
User agent string er jo til og identificere browsere..

Hej Blueeyez. Jeg har følgende hack til css, der kun "rammer" Chrome og Safari. Problemet er, at jeg vil lave noget css, der ikke når Chrome:

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .min_klasse{color: blue;}
}

Nogle steder på nettet peger de på følgende løsning, som jeg desværre ikke forstår. Jeg ved ikke, hvordan "first-of-type" skal forstås.

* Google Chrome hack */

body:nth-of-type(1) .elementOrClassName
{
/* properties go here */
}

/* Safari hack */

body:first-of-type .elementOrClassName
{
/* properties go here */
}

Vh
Lars

Ingen anelse, ved blot user agent strings bruges, men i visse browsere kan man jo blot skifter user agent string...

Jeg har selv fundet svaret. Siden "http://htmlcsstutorials.blogspot.dk/2009/06/web-browser-hacks-css-hacks-ie-firefox.html" forklarer det rigtigt godt.

Hvis man vil have f.eks. "h1{color: #ff000;} KUN til Safari, så skriv:

body:first-of-type h1{color: #ff000;}

Så rammer man KUN Safari. Hacket @media screen and (-webkit-min-device-pixel-ratio:0) rammer både Chrome og Safari.