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

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*/}，无需指定标记

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

就够了。如果风格相同，则无需合并..