14/08/2007, 04:44
|
| | Fecha de Ingreso: noviembre-2005 Ubicación: Alicante (España)
Mensajes: 242
Antigüedad: 19 años, 2 meses Puntos: 1 | |
Herencia con CSS Buenas a todos/as
Tengo una clase botón en un archivo CSS y necesito que herede todas sus características pero NO el hover.
Pongo un ejemplo:
Este es mi código del CSS: .boton{
padding: 3px;
background-image: url(../BtnOff/BtnEmpresa.gif);
background-repeat:no-repeat;
width:99px;
height:25px;
text-decoration:none;
}
.boton:hover{
padding: 3px;
background-image: url(../BtnOn/BtnEmpresaAct.gif);
background-repeat:no-repeat;
width:99px;
height:25px;
text-decoration:none;
}
Necesito una clase nueva con el mismo comportamiento pero con una imagen de fondo distinta: .boton2{
background-image: url(../BtnOff/BtnCatalogo.gif);
}
.boton2:hover{
background-image: url(../BtnOn/BtnCatalogoAct.gif);
background-repeat:no-repeat;
width:99px;
height:25px;
text-decoration:none;
}
Si utilizo la clase boton desde el html no hay problema y todo funciona bien: <a href="PantallaC.html" class="boton"> </a>
Pero cuando utilizo la clase boton2 y HEREDO de la clase boton, adquiere todas las características (lo cual lo veo perfecto) PERO también adquiere el comportamiento hover... No hace caso del hover del boton2 y eso no es lo que quiero. <a href="PantallaC.html" class="boton boton2"> </a>
¿Alguien sabe como podría resolver esto sin tener que escribir las propiedades para uno y para otro?... Me gustaría usar la herencia del boton pero que el boton2 tenga el comportamiento hover del boton2:hover...
Última edición por Tarzan; 14/08/2007 a las 06:20 |