Повторное использование класса CSS / автоматическое заполнение

Question

говорят, что у меня есть имя класса css

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

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

в моей форме, у меня есть много промежутков и делений.

Есть ли простой способ реализовать все классы для моих диапазонов и блоков вместо того, чтобы вводить их все, когда я создаю новый диапазон или блок? вместо этого:

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

вроде так:

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

Приветствия

Answer 1

CSS

.someDiv{
color:#353535;
}

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

HTML

<div class="someDiv">

Hello <span>World!</span>

</div>

Любой тег span внутри div, использующий someDiv, поскольку его класс будет иметь красный + жирный текст.

Answer 2

Нет способа применить идентификаторы и классы из родительских элементов к дочерним элементам, о чем я думаю, вы спрашиваете. Там также нет причин для необходимости.

HTML:

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

Если вы хотите настроить таргетинг на все элементы в этом конкретном div:

#divid * {
    ...
}

Если вы хотите настроить таргетинг на все промежутки в этом конкретном div:

#divid span {
    ...
}

Если вы хотите настроить таргетинг на все элементы в этом конкретном div с помощью класса otherclass:

#divid .otherclass {
    ...
}

Если вы хотите нацелиться только на промежутки в этом конкретном div с классом otherclass:

#divid span.otherclass {
    ...
}

Если вы хотите использовать все div с помощью divclass (вместо одного с divid), просто замените #divid на .divclass во всех вышеперечисленных.

Answer 3

Да, вы можете нацелить пролеты с помощью

#someDiv span {
   //
}