如何选择不是第一个tr而不是最后一个td

Question

#MyTable tr+tr:hover {
  background: #dfdfdf;
}

<table id="myTable">
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>X</td>
  </tr>
  <tr>
    <td>3</td>
    <td>4</td>
    <td>X</td>
  </tr>
</table>

我设法将第2行和第3行悬停,但是当它悬停在2和3时,我怎么能跳过td(X).最好不要使用jQuery选择器.

Answer 1

使用:不() ,:第一子和:最后一个孩子.

#myTable tr:not(:first-child):hover td:not(:last-child) {
      background: #dfdfdf;
}

另请参见此示例.