HTML 表格如何突出显示除第一列之外的悬停行？

Question

简单表：

<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>

我喜欢什么：

Answer 1

使用:not和:first-child排除第一个单元格，如下所示：

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

演示：

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

#myTable {
  border-collapse: collapse;
}

#myTable td {
  width: 100px;
  border: 1px solid black;
}

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