html - 如何选择子节点而不是第一个元素

Question

所以我得到了一个表，我想在所有<tr>中设置一个样式元素不过第一。示例:

<table>
    <tr><th>This receives header styles</th></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
</table>

我知道我必须使用选择器，但我不知道如何使用，也无法在网上找到它 =S

Answer 1

通用兄弟选择器 ~ 允许您选择每个特定的元素。您可以使用此选择器:

table tr:first-child ~ tr

适用于 IE7+。

如果您可以修改您的 HTML 使其更具语义，您可以将第一行和第 th 个单元格放在 thead 中，其余的放在 中>正文:

<table>
  <thead>
    <tr><th>This receives header styles</th></tr>
  </thead>
  <tbody>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
    <tr><td>This receives item styles</td></tr>
  </tbody>
</table>

然后改用这个选择器:

table tbody tr

如果您需要，可以在旧版浏览器上使用。