Cambiar estilo element:hover con javascript

[patilanz]

Hola quiero cambiar algunos elementos de un hover de un elemento...

De modo por ejemplo que si tengo algo asi:

#aa:hover{
color:red;
background-color:blue;
border:solid 1px green;
...
}
Como podria cambiar por ejemplo el color del hover??

Saludos

[marlanga]

Directamente creo que no puedes. Lo que puedes hacer en meter una clase:hover nueva en el css, y meterle la clase (sólo al clase, sin le hover) al elemento con javascript.

[patilanz]

Iniciado por marlanga

Directamente creo que no puedes. Lo que puedes hacer en meter una clase:hover nueva en el css, y meterle la clase (sólo al clase, sin le hover) al elemento con javascript.

Pero si lo que quiero cambiar es tambien :before de css2 ?

[marlanga]

Pues los concatenas en el CSS

miNuevaClase:hover:before

[zerokilled]

buenas...
tal como dice @marlanga, creo que directamente desde el elemento no se puede. en particular, no recuerdo de la existencia de alguna forma para editar estilos de pseudo-clases tales como :hover, :link, :after, entre otros. sin embargo, lo que si puedes hacer es editar las propiedades en la hoja de estilo desde javascript con document.styleSheets. nótese el método es distinto. desde un elemento (objeto style) solo afectaría al elemento, mientras que desde la hoja de estilo afectaría a todos los elementos que coincidan con el selector.

[IsaBelM]

Iniciado por zerokilled

nótese el método es distinto. desde un elemento (objeto style) solo afectaría al elemento, mientras que desde la hoja de estilo afectaría a todos los elementos que coincidan con el selector.

se pueden usar atributos

#aa {
color:red;
background-color:blue;
border:solid 1px green;
}

#aa[title="hola"]:hover {
background-color: pink;
}

<div id="aa" title="hola">hola</div>
<div id="aa" title="adios">adios</div>

[zerokilled]

si isabelm. si bien entendí el tema, creo que el asunto es como puedes modificar el hover de un elemento en particular. por ejemplo, ¿cómo modificarías el :hover para el elemento div#aa a través de javascript? document.getElementById("aa").¿? con style no puedes porque style representa las propiedades del elemento en el estado normal. y por cierto, coincido con tu opinión, de ahí que mencionara que los elementos afectados serán según coincidan con el selector. de hecho, habia pensado una solución similar. además, en el caso de los IDs no debe haber problema ya que un ID se debe aplicar a un solo elemento.

[furoya]

¿Y reescribiendo la hoja de estilos con JS?