¿Cómo aplico un efecto de desplazamiento sobre un a
elemento, pero no a un a
elemento con la clase?active
?
a:hover(not: .active)
Parece que falta algo.
¿Cómo aplico un efecto de desplazamiento sobre un a
elemento, pero no a un a
elemento con la clase?active
?
a:hover(not: .active)
Parece que falta algo.
Respuestas:
La notación funcional está activada :not()
, no :hover
:
a:not(.active):hover
Si prefiere poner :hover
primero, está bien:
a:hover:not(.active)
No importa qué pseudoclase sea la primera o la última; de cualquier forma, el selector funciona igual. Resulta que es mi convención personal poner al :hover
final, ya que tiendo a colocar pseudoclases de interacción con el usuario detrás de pseudoclases estructurales.
Tiene la opción de utilizar el not()
selector.
a:not(.active):hover { ... }
Sin embargo, es posible que esto no funcione en todos los navegadores, ya que no todos los navegadores implementan funciones CSS3.
Si se dirige a una gran audiencia y desea admitir navegadores más antiguos, la mejor manera sería definir un estilo para .active:hover
y deshacer lo que esté haciendo a:hover
.
not()
msdn.microsoft.com/en-us/library/… . Quizás vea la respuesta de @Mendhak si lo hace.