CSS類重用/自動填充

說我的窗體上有一個CSS類名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>

乾杯

來源

2009-07-16 Joshscorp

CSS

.someDiv{ 
color:#353535; 
} 

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

HTML

<div class="someDiv"> 

Hello <span>World!</span> 

</div>

使用 'someDiv'，因爲它的類將有紅色+大膽的文字一個div內的任何span標記。

來源

2009-07-16 03:16:31 Seth

我的問題是，我可以設置類，而不是CSS屬性？ like .someDiv span {class =「ClassA」} – Joshscorp 2009-07-16 03:28:52

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

是的，你可以針對跨度

#someDiv span { 
    // 
}

來源

2009-07-16 03:10:26 pegasus4747

請記住，使用該規則，`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。

來源

2009-07-16 10:30:54

CSS類重用/自動填充

回答

相關問題