css - CSS类重用/自动填充

Question

说我有一个 CSS 类名

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

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

在我的表格上，我有很多跨度和 div。

有没有一种简单的方法可以为我的 span 和 div 实现所有类，而不是在创建新的 span 或 div 时将它们全部输入？而不是这个：

<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>

使用“someDiv”作为类的 div 内的任何跨度标记都将具有红色 + 粗体文本。

Answer 2

没有办法将 id 和 classes 从父元素应用到子元素，这就是我认为您要问的问题。也没有理由需要。

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 {
    ...
}

如果您想使用 otherclass 类来定位此特定 div 中的所有元素：

#divid .otherclass {
    ...
}

如果您只想使用 otherclass 类定位此特定 div 中的跨度：

#divid span.otherclass {
    ...
}

如果您想使用 divclass 定位所有 div（而不仅仅是具有 divid 的那个），只需在上述所有内容中替换#divid为.divclass。

Answer 3

是的，您可以使用

#someDiv span {
   //
}