通用选择器而不是逗号分隔元素

时间:2017-02-02 09:05:26

标签: html css css-selectors html-table

我想在这样的表中设置th和td元素的样式:

<table>
  <tr>
    <th>Abc</th>
    <td>Cde</td>
  </tr>
  <tr>
    <th>Abc</th>
    <td>Cde</td>
  </tr>
</table>

我不想为它添加类,所以我需要这样做:

tr td, tr th{background:#dddddd;}
tr:nth-child(even) td, tr:nth-child(even) th{background:#ffffff;}

但是...这样做有什么不利之处吗?

tr > *{background:#dddddd;}
tr:nth-child(even) > *{background:#ffffff;}

1 个答案:

答案 0 :(得分:1)

没有;在最糟糕的情况下,你只会被仍然订阅“避免普遍选择者”教条的人大吼大叫。如果你仍然担心,因为你的页面非常复杂,元素大约为数千,那么你可以选择不使用它,但你只需要使用扩展的选择列表,因为{{3} }。