05/07/2019, 18:20
|
 | Moderador | | Fecha de Ingreso: febrero-2008 Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses Puntos: 1146 | |
| Respuesta: Cuando modifico estilos con javascript deja de funcionar el efecto :hover
el hover te deja funcionar por el peso que tiene cada uno de ellos, también llamado jerarquía y especifidad
En este caso creo que seria especifidad refiriéndose a cuan especifica es una propiedad, y que puede ser mas especifico que declararlo sobre el elemento en cuestión :D
Los estilos en linea ya sea en el codigo html o los declarados sobre los elementos son prioritarios sobre los que se cargan en hojas CSS
Para solventarlo tienes que usar !important en tu hoja CSS, o mejor aun, en lugar de cambiar los estilos mediante Javascript (algo totalmente desaconsejado) es utilizar una clase CSS, agrega o quita una clase CSS para cambiar el estado de tu botón, de esa forma no perderás funcionalidad ni tendrás que recurrir a !important (también desaconsejado el uso intensivo de esto) |