2013-05-06 15 views
6

Ich möchte die Farbe der Anchor-Tags einer bestimmten Klasse ändern, aber nur, wenn sie nicht schweben. Gespeicherte Anker der gleichen Klasse sollten die Farbe von unverankerten Ankern behalten (was auch immer die anderen Stylesheets an ihnen gemacht haben).CSS-Farbe Anchor, aber nicht A: hover

Zum Beispiel gegeben:

a {color: [unknown color];} /* set elsewhere, out of my control */ 

a.incognito {color:inherit} /* the text color, typically black */ 
a.incognito:hover {color: [what?];} /* the color of a non-incognito anchor */ 

Gibt es eine CSS-only Lösung die hovered- Verbindung zu haben, nicht die Farbe Stil des unhovered Link der gleichen Klasse verwenden?

Antwort

10

können Sie die CSS3 :not() Modifikator:

a.incognito:not(:hover) {color:inherit} /* the text color, typically black */ 

Beachten Sie, dass dies nicht von IE unterstützt wird < = 8.

+0

: -O MAGIC! Ich erwarte, dass dies die akzeptierte Antwort wird. – Umbrella