Hola de nuevo, no sabía que titulo proponer para esta duda.
///// Intentaré exponer //////
Imaginad cierto estyle para cierto elemento, como puede ser...
Código:
#menu li{
margin-top:3px;
margin-left:1em;
list-style-image:url(menu_a.gif);
list-style-position:inside;
cursor:pointer;
text-align:left;
font-size:1.4em;
color: #FFFFFF;
}
#menu li:hover{
list-style-image:url(menu_b.gif);
color:#006600; text-decoration:underline;
}
#menu li.final {
list-style-type:none;
list-style-image:none;
cursor:default;
text-align:right;
font-size:0.2em;
color:#000000;
#menu li.final:hover {list-style-image:none; text-decoration:none..... }
///// Pregunto /////
Como podreis ver, declaro en
#menu li.final unos atributos diferentes que
#menu li. Creo una clase de esta manera.
Y, luego, al declarar los cambios para
:hover resulta que tengo que volver a decirle que no quiero ninguna imagen de list-style. que tampoco quiero ningun text-decoration... etc.
El bombardeo de preguntas son: (hehehe)
- Como evito tener que volver a declarar todo lo que no quiero que haga on:hover?
- Lo que hace el programa exactamente,
es un doble cambio? es decir, primero aplica los cambios declaradon en
#menu li y luego aplica los cambios declarado en
#menu li.final ? es decir,
consume energía innecesaria ?
- Hay alguna manera de decirle por ejemplo....
....#menu li.final:hover { none; color:red; }
de manera que on:hover no haga nada, excepto cambiar el color a rojo
//// despido ////
Gracias, Sam_Enfot.