如何爲一個以上的標籤分配班級？

Question

類似：

HTML：

<tr class = "foo"> 
    <td class = "foo"> ... </td> 
    <td class = "foo"> ... </td> 
</tr> 

樣式表：

tr.foo, td.foo { /* all these rules apply to both */ } 

當然，這並不排除：

// I want to merge these 
tr.foo { ... } 
td.foo { ... } 

Answer 1

您可以在CSS中使用逗號組合規則集你從其他規則集包括另一個tr.foo或td.foo，或覆蓋級聯中的規則。

如果你想使用的後代選擇，它只是一個空間：

tr.foo td.foo { /* affects all td class=foo children of tr class=foo */ } 

也有更具體的子選擇>

Answer 2

只是使用.foo{/*styles in here*/}沒有必要指定標籤

Answer 3

<tr id="trow" > 
    <td id="tcol">...</td> 
    <td id="tcoll">..</td> 
</tr> 

CSS

#trow,#tcol,#tcoll { 
------------- 
------------- 
} 

你提到的類名相同..

foo { 
--------- 
--------- 
} 

就足夠了。如果風格相同，則不需要合併。