2013-05-06 17 views
6

Voglio cambiare il colore dei tag di ancoraggio di una determinata classe, ma solo quando non sono al passaggio del mouse. Le ancore sospese della stessa classe dovrebbero mantenere il colore delle ancore non classificate (qualunque sia stato fatto dagli altri fogli di stile).Ancoraggio colore CSS, ma non A: hover

Ad esempio, dato:

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 */ 

Esiste un CSS-only soluzione per avere i collegamenti Hovered non utilizzare lo stile colore del collegamento unhovered della stessa classe?

risposta

10

È possibile utilizzare il modificatore di CSS3 :not():

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

Si noti che questo non è supportato da IE < = 8.

+0

: -O MAGIC! Mi aspetto che questa diventi la risposta accettata. – Umbrella