Foros del Web » Creando para Internet » CSS »

Una regla común a varias reglas de manera que hereden los estilos de la común

Estas en el tema de Una regla común a varias reglas de manera que hereden los estilos de la común en el foro de CSS en Foros del Web. Hola, estoy haciendo una bandeja de entrada de mensajes y quiero darle un color distinto a los mensajes que ya han sido leidos. Tengo estas ...
  #1 (permalink)  
Antiguo 09/12/2009, 14:09
 
Fecha de Ingreso: septiembre-2008
Mensajes: 146
Antigüedad: 9 años, 3 meses
Puntos: 1
Una regla común a varias reglas de manera que hereden los estilos de la común

Hola,

estoy haciendo una bandeja de entrada de mensajes y quiero darle un color distinto a los mensajes que ya han sido leidos. Tengo estas dos reglas que solo se distinguen en un estilo.

Código:
div.mensaje_1 {
background: #CCC;
border-bottom:2px
border-bottom-style: solid
border-bottom-color: #CCCCCC;
margin-bottom:0;
padding-bottom:19px;
}

div.mensaje_0 {
background: #000;
border-bottom:2px
border-bottom-style: solid
border-bottom-color: #CCCCCC;
margin-bottom:0;
padding-bottom:19px;
}

¿Es posible crear una regla común a ambas de manera que las dos reglas hereden los estilos de la regla común? De esa manera me ahorraria tener que hacer cambios en las dos por ejemplo cuando voy a modificar el padding-bottom por ejemplo.

Un saludo

Javier
  #2 (permalink)  
Antiguo 09/12/2009, 14:15
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.827
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: Una regla común a varias reglas de manera que hereden los estilos de la co

podrias usar una regla como

Código HTML:
.mensajes{
border-bottom:2px #ccc solid;
margin-bottom:0;
padding-bottom:19px;
}
.mensajes .mensaje_0{
background: #ccc;
}
.mensajes .mensaje_1{
background: #000;
}
de esta forma ambos aplicarian las reglas de mensajes y el estilo extra que les especifiques
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #3 (permalink)  
Antiguo 09/12/2009, 14:55
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: Una regla común a varias reglas de manera que hereden los estilos de la co

Podrías poner

Código HTML:
div.mensaje_1, div.mensaje_0  {
border-bottom:2px
border-bottom-style: solid
border-bottom-color: #CCCCCC;
margin-bottom:0;
padding-bottom:19px;
}

div.mensaje_1 {
background: #CCC;
}

div.mensaje_0 {
background: #000;
}
Además, la propiedad border la puedes poner como

border-bottom:2px #ccc solid;


Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #4 (permalink)  
Antiguo 09/12/2009, 15:56
 
Fecha de Ingreso: septiembre-2008
Mensajes: 146
Antigüedad: 9 años, 3 meses
Puntos: 1
Respuesta: Una regla común a varias reglas de manera que hereden los estilos de la co

Gracias a ambos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:23.