html - 如何为多个标签分配类？

Question

就像是：

html:

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

样式表：

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

score 3 · Accepted Answer

3

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

于 2013-02-15T06:12:33.300 回答

score 2 · Accepted Answer

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

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

这当然不排除您拥有其他规则集，包括另一个tr.fooor td.foo，或覆盖级联中的规则。

如果你想使用后代选择器，它只是一个空格：

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

还有更具体的子选择器>

score 0 · Accepted Answer

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

CSS

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

你提到的类名是一样的..

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

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

3 回答 3