CSS clase reutilización / Rellenar automáticamente

Question

decir que tengo un nombre de clase CSS

div.TestClass
{
     float:left;etc//
}

span.SpanTestClass
{
     float:right;etc//
}

en mi forma, tengo muchas luces y divs.

¿hay una manera fácil de poner en práctica todas las clases de mis vanos y divs en lugar de escribir a todos ellos cuando creo un nuevo tramo o div? en lugar de esto:

<span id=span1 class=SpanTestClass></span>
<span id=span2 class=SpanTestClass></span>
<span id=span3 class=SpanTestClass></span>
<span id=span4 class=SpanTestClass></span>

, así:

<div id="someDiv" class="someclass">
<span id=span1></span>
<span id=span2></span>
<span id=span3></span>
<span id=span4></span>
</div>

Saludos

Answer 1

CSS

.someDiv{
color:#353535;
}

.someDiv span{
font-weight:bold;
color:red;
}

HTML

<div class="someDiv">

Hello <span>World!</span>

</div>

Cualquier etiqueta span dentro de un div usando 'someDiv', ya que es la clase tendrá el texto en rojo + negrita.

Answer 2

No hay manera de aplicar los identificadores y clases de elementos padre a elementos secundarios, que es lo que creo que estás preguntando. Tampoco hay razón para necesitar.

HTML:

<div id="divid" class="divclass">
    <span class="otherclass"> ... </span>
    <span class="otherclass"> ... </span>
    <span> ... </span>
    <span> ... </span>
    <a href="#" class="otherclass"> ... </a>
</div>

Si desea orientar todos los elementos de este div específica:

#divid * {
    ...
}

Si desea orientar todos los tramos en este div específica:

#divid span {
    ...
}

Si desea orientar todos los elementos de este div específica con una clase de OtherClass:

#divid .otherclass {
    ...
}

Si desea orientar solamente se extiende en este div específica con una clase de OtherClass:

#divid span.otherclass {
    ...
}

Si desea orientar todos los divs con divclass (en lugar de sólo el uno con divId), basta con sustituir #divid con .divclass en todo lo anterior.

Answer 3

Sí, puede orientar los tramos con

#someDiv span {
   //
}