如何为多个标签分配课程？

Question

就像是：

的HTML：

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

样式表：

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

Answer 1

只需.foo{/*styles in here*/}使用.foo{/*styles in here*/} ，无需指定标签

Answer 2

您可以使用逗号在CSS中组合规则集：

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

当然，这并不妨碍您使用其他规则集（包括另一个tr.foo或td.foo ）或覆盖级联中的规则。

如果要使用后代选择器，则只是一个空格：

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

还有更具体的子选择器>

Answer 3

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

的CSS

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

您提到的类名是相同的。

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

足够。 如果样式相同，则无需合并。