Tengo la siguiente CSS:
Código HTML:
.box_marco
{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}
.barra_tit1
{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
background-image:url(../_layouts/images/upmp/con_gradiente1.jpg);
}
.barra_tit2
{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
background-image:url(../_layouts/images/upmp/con_gradiente2.jpg);
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
padding-top:2px;
text-indent:5px;
text-decoration:none;
text-align:left;
}
Mi pregunta es:
Si mis tres estilos tienen los bordes:
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
¿Cómo puedo evitar replicar estas declaraciones?
Se me ocurre que pueda existir algo como:
Código HTML:
.box_marco
{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}
.barra_tit1
{
// Referencia al estilo box_marco aqui...
background-image:url(../_layouts/images/upmp/con_gradiente1.jpg);
}
.barra_tit2
{
// Referencia al estilo box_marco aqui...
background-image:url(../_layouts/images/upmp/con_gradiente2.jpg);
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
padding-top:2px;
text-indent:5px;
text-decoration:none;
text-align:left;
}
Por otro lado me encontre una media solución:
Que todos mis DIVS tengan un ID="box_marco" y la class="barra_tit2" (o class="barra_tit1" segun sea necesario) y poner en mi hoja de estilo el estilo como #box_marco PERO... No se si este permitido usar IDs repetidos porque se supone que por algo son ID (Identificadores Unicos)
O no se si este correcta mi media solución ya que SI hace lo que deseo, es decir pintar el marco con borde gris tenue y el estilo de "barra_titN" pero no sea que luego este mal al usar mal los IDs de cada DIVS
Alguna sugerencia???
Gracias...