He cogido el código de una caja de bordes de aquí, y funciona de maravilla. Parte de su css es ( creo que es de Milkoro)
Código:
.caja {margin: 20px auto;
background-color: #43758C;
width: 200px;
position: relative;
}
.punto {font-weight: bold;
color: #43758C; --------------->sólo quiero modificar esto.
position: absolute;
font-size: 60px;
background-color: transparent;
line-height: 18px;
}
.bottom, .top {height: 10px;
background-color: #43758C;
position: absolute;
left: 10px;
right: 10px;
width: 90%;
}
Si necisitáis más código lo pongo pero creo que no hace falta, sólo puse la parte donde aparece.
Para cargarlo pongo
Código:
<div class="caja caja_top">
<div class="punto lt">•</div>
<div class="top"></div>
<div class="punto rt">•</div>
<div class="punto lb">•</div>
<div class="bottom"></div>
<div class="punto rb">•</div>
<div class="texto blanco negrita">ACCESO</div>
</div>
Pero si quiero cambiar el color me veo obligado a poner
Código:
<div class="caja caja_menu_horizontal" style="background-color:#CBD6EC">
<div class="punto lt" style="color:#CBD6EC">•</div>
<div class="top" style="background-color:#CBD6EC"></div>
<div class="punto rt" style="color:#CBD6EC">•</div>
<div class="punto lb" style="color:#CBD6EC">•</div>
<div class="bottom" style="background-color:#CBD6EC"></div>
<div class="punto rb" style="color:#CBD6EC">•</div>
<div class="contenido_menu_horizontal">
<div class="texto">
contenido
</div>
</div>
</div>
Y eso porque no tengo la posibilidad de poner una tercera clase en la llamada, es decir, algo como:
<div class="punto lt colorCBD6EC">•</div>
en vez de
<div class="punto lt" style="color:#CBD6EC">•</div>
Si quiero evitar la llamada style pero no deseo declarar una nueva clase, por ejemplo, la clase "punto", ya que sólo quiero modificar una propiedad, la de color, ¿¿¿cómo puedo hacer????