herencia de clases

[jane_135]

Tengo serias dudas para saber si se puede hacer esto, quiero hacer un class para un enlace pero quiero hacer otra clase para otros enlace manteniendo algunas propiedades y darle cambiar algunas otras.

Si declaro :

Código PHP:

  .boton-enl{
    margin-left: 400px;
    margin-top: 50px;
    margin-bottom:40px;
    background: url(button2.gif) top left no-repeat;
   padding-top: 10px;
    width: 111px;
    height: 39px;
   display:block;
} 
   

y quiero hacer otra clase que tenga algunas propiedades de la de arriba y cambiar los valores de alguna propiedad:

Código PHP:

  .boton-enl-volver{
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom:0px;
} 
   

Cómo la tendría que declarar para que heredase?

la llamada entonces sería:

Código PHP:

  <a href='#' class="boton-enl-volver">volver</a> 
   

?????

[Mikmoro]

Hola, jane_135.

De esa menra no podría heredar, porque aunque el nombre es el mismo más un sufijo, en realidad eso no le hace ser pariente; de hecho son nombres diferentes y no tienen ninguna relación.

Lo que se usa en esos casos es unir los dos selectores en el primero y luego marcar la diferencia en el segundo. Me explico:

.boton-enl, .boton-enl-volver{
margin-left: 400px;
margin-top: 50px;
margin-bottom:40px;
background: url(button2.gif) top left no-repeat;
padding-top: 10px;
width: 111px;
height: 39px;
display:block;
}

.boton-enl-volver{
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
}

O más correctamente para mi:

.boton-enl, .boton-enl-volver{
background: url(button2.gif) top left no-repeat;
padding-top: 10px;
width: 111px;
height: 39px;
display:block;
}

.boton-enl {
margin-left: 400px;
margin-top: 50px;
margin-bottom:40px;
}

.boton-enl-volver{
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
}

Mikel.

[jane_135]

hola mikel, me ha servido de ayuda.
mi css empezaba a ocupar demasiado!
gracias!