Primera vez que publico una pregunta, lo siento si cometo errores.
Tengo el siguiente código JS para crear "notas" con una rotación específica:
newNote.style.transform = rotate(30deg);funciona muy bien, pero cuando trato de usar este CSS no se aplica (debería restablecer la rotación):
.notes:hover{transform: none;}así que después de intentarlo un poco más, creo que podría ser un error, ya que el estilo nunca se aplica al pasar el mouse si se aplicaron en el JS (¿hay alguna solución para esto o debería informarse como un error?)
Usar !important puede ayudarte. Ejemplo:
.notes:hover{transform: none !important;}Elimine su código js y use estos en su lugar:
.notes { transform: rotate(30deg); } .notes:hover{transform: none;}La primera línea agrega la rotación siempre.
Si desea agregar rotación en un caso específico, use estos estilos en su lugar:
.notes.rotate { transform: rotate(30deg); } .notes:hover{transform: none;}En su js, agregue la clase 'rotar' al elemento que necesita:
newNote.classList.add('rotate');Agregará la rotación.