Question

说我有一个css类名

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

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

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

有没有一种简单的方法来实现我的跨度和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中的任何span标记都将带有红色+粗体文本。

Answer 2

没有办法将父元素中的id和类应用于子元素，这是我认为你要问的。也没有理由需要。

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

如果您希望仅使用其他类的类来定位此特定div中的跨度：

#divid span.otherclass {
    ...
}

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

Answer 3

是的，您可以使用

定位范围

#someDiv span {
   //
}

CSS类重用/自动填充

3 个答案: