tags:

views:

205

answers:

2

Hey guys, I'm solving one task and I need to create a piece of CSS what would apply only in Safari, NOT the other WebKit browser (mustn't apply in Chrome, f.e.). Please, could anyone toss in some ideas?

A: 

You might be best off changing that particular property with javascript that verifies what browser you're on .

Otherwise one of the other questions pointed to this. It lets you specify CSS properties on a per-browser basis, also using javascript.

Jweede
Yeah, but this allows only for [safari3] (I use 4) or [safari], which applies for Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome.
Jakub Lédl
Take a closer look at the javascript which verifies what browser you're on. Doing it manually, you should be able to specify exactly the behavior you want.
Jweede
OmniWeb! Gadzooks!
Beska
A: 

One of these should work:

html[xmlns*=""] body:last-child #widget { background:#f00; }

html[xmlns*=""]:root #widget  { background:#f00;  }
mVChr