Question

我知道选择器:not()，但它不起作用，例如tr:not(tr:first-child):hover。我想要设置其他tr的样式，但不是第一个，因为它包含标题。如何在不使用id或class？

的情况下执行此操作

Answer 1

您只能在:not()中使用simple selectors，请尝试

tr:not(:first-child)

http://jsfiddle.net/mowglisanu/Sn7Uw/

Answer 2

另一种选择是使用th element，它专门代表表格中的标题单元格。

实施例

<table>
  <thead>
    <tr>
      <th>Number</th>
      <th>element</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>4.1.1</td>
      <td>html</td>
    </tr>
    <tr>
      <td>4.2.1</td>
      <td>head</td>
    </tr>
  </tbody>
</table>

Answer 3

使用adjacent sibling combinator。作为奖励，它比:not()

得到更广泛的支持

TR + TR { background-color: silver; }
TR + TR:hover { background-color: green; }

http://jsfiddle.net/ETYQN/2/

Answer 4

将标题放在<thead>中，然后使用<tbody>中的可设置样式行：

tbody tr:hover { background: red }

并且内容是什么并不重要。

http://jsfiddle.net/stevemarvell/we4a6/

除了第一个孩子以外的每一件事

4 个答案:

实施例