文章/答案/技术大牛

发布

社区首页 >问答首页 >通用选择符而不是逗号分隔的元素

问通用选择符而不是逗号分隔的元素
EN

Stack Overflow用户

提问于 2017-02-02 17:05:26

回答 1查看 93关注 0票数 2

我想在这样的表格中设置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;}

回答已采纳

发布于 2017-02-02 17:41:41

不，在最坏的情况下，你只会被那些仍然坚持“避免通用选择器”教条的人叫嚷。如果您仍然担心，因为您的页面极其复杂，有数千个元素，那么您可以选择不使用它，但您只能凑合使用扩展的选择器列表，因为there isn't any cross-browser alternative available。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41998054

复制

相似问题

问通用选择符而不是逗号分隔的元素EN