44
¿Cómo aplico un efecto de desplazamiento sobre un elemento a, pero no a un elemento a con la clase active?: pase el mouse pero: no en una clase específica
a:hover(not: .active)
Parece que falta algo.
A
Respuesta
95
La notación funcional está en :not(), no :hover:
a:not(.active):hover
Si prefiere poner :hover primero, eso está bien:
a:hover:not(.active)
No importa lo que la pseudo-clase es lo primero o último; De cualquier manera, el selector funciona de la misma manera. Simplemente es mi convención personal poner :hover en último lugar, ya que tiendo a ubicar las pseudo-clases de interacción del usuario detrás de las pseudo-clases estructurales.
5
Tiene la opción de utilizar el selector not().
a:not(.active):hover { ... }
Sin embargo, esto puede no funcionar en todos los navegadores, ya que no todos los navegadores implementan características de CSS3.
Si se dirige a una gran audiencia y desea admitir navegadores antiguos, la mejor manera sería definir un estilo para el .active:hover y deshacer lo que sea que esté haciendo en a:hover.
Cuestiones relacionadas
- 1. Cómo aplicar el elemento secundario: pase el mouse pero no el elemento primario: pase el mouse
- 2. Compruebe si el elemento cliqueado no tiene una clase específica
- 3. jquery pase el mouse y quédese hasta que salga el mouse
- 4. Liberando la captura del mouse y dejando que el clic del mouse pase
- 5. Arrastrar una div en jQuery: bien cuando el mouse es lento, pero falla en el movimiento rápido del mouse
- 6. Método declarado en Clase pero no definido
- 7. ¿Puedo marcar una clase como no mi código para que el depurador pase por encima?
- 8. jQuery - buscar hijo con una clase específica
- 9. Python: __str__, pero para una clase, ¿no es una instancia?
- 10. CSS - Pase el mouse a través de los elementos para activar el elemento sobre cubierto
- 11. ¿Puedo usar: pase el mouse para activar una animación CSS3 (o transición) que se ejecuta incluso cuando el mouse ya no se mueve
- 12. Obtener el primer antecesor coincidente que contenga una clase específica
- 13. Clase específica nueva/eliminar
- 14. Cómo crear una clase que sea abstracta, pero no internamente
- 15. C# cómo mostrar un formulario en una posición específica del mouse en la pantalla?
- 16. Determinar si una clase implementa una interfaz muy específica
- 17. ¿Cómo evito el desplazamiento con las teclas de flecha pero NO el mouse?
- 18. ¿Cómo obtener instancia de una clase específica en PHP?
- 19. selector CSS con clase a, pero no clase b
- 20. Excepción grep pero excluyen excepción específica
- 21. usando la clase específica set_new_handler
- 22. Pase el número de variable variable a una clase en PHP
- 23. Deshabilitar una advertencia específica en una línea específica en Xcode
- 24. Pase la identificación, pero no la muestre en la url real
- 25. Pase el parámetro a una plantilla personalizada
- 26. ¿Verifica si una cadena contiene una palabra pero solo en una posición específica?
- 27. Mi prueba falla cuando se ejecutan juntas, pero pase individualmente
- 28. Mover el mouse
- 29. ¿Cómo puedo determinar si un objeto Delphi es de una clase específica y no de una clase descendiente?
- 30. ¿Cómo seleccionar un li con una clase específica?
¡Ah, perfecto! Gracias @BoltClock. – Michelle
Tenga cuidado si necesita soportar IE antes de la versión 9, ya que parecen no ser compatibles con 'not()' https://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx#pseudoclasses . Tal vez vea la respuesta de @Mendhak si lo hace. – SharpC