CSS类重用/自动填充

问题描述：

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

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

，我有很多的跨度和div的。

是否有一种简单的方法来实现我的跨度和divs的所有类，而不是全部输入时，当我创建一个新的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>

干杯

答

CSS

.someDiv{ 
color:#353535; 
} 

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

HTML

<div class="someDiv"> 

Hello <span>World!</span> 

</div>

使用 'someDiv'，因为它的类将有红色+大胆的文字一个div内的任何span标记。

我的问题是，我可以设置类，而不是CSS属性？ like .someDiv span {class =“ClassA”} – Joshscorp 2009-07-16 03:28:52

不，你不能 - 唯一的办法就是.class span {} – asdf 2009-07-16 03:46:59

答

是的，你可以针对跨度

#someDiv span { 
    // 
}

请记住，使用该规则，`someDiv`中的所有`span`都将采用该样式。 – 2009-07-16 03:15:26

答

没有办法将父元素的id和class应用到子元素，这是我想你所问的。也没有理由需要。

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中的所有元素与其他类的所有元素对齐：

#divid .otherclass { 
    ... 
}

如果您只想定位横跨在这一特定的div一类的otherclass：

#divid span.otherclass { 
    ... 
}

如果您希望定位divclass（而不只是一个与DIVID）的所有div，只需在以上所有内容中均替换为#divid与.divclass。

CSS类重用/自动填充

相关推荐