Question

我有一个表在开放时由一些JS填充，作为其中的一部分，章节标题在整个表中给出了一个列跨度以及类名“section”。我通过onmouseover钩子中的一个警告验证了这个回调了类名的tr元素。 classname绝对需要。

我有一些像这样的CSS ......

tr:hover {
    background-color: #FF9966
}
thead tr:hover, tr.section:hover {background-color: #DACFE5;!important}

翻转工作正常并且排除了那些孩子，但我不能让它排除“section”类tr。

我需要在CSS中使用什么语法来实现这一目标？

表格模板是......

<table id="myTable" border="1" class="indent">
  <thead>
    <tr> 
      <th colspan="3">Joe's Cafe Menu</th>
    </tr>
    <tr>
      <th>Select</th>
      <th>Item</th>
      <th>Price</th>
    <tr>
  </thead>
  <tbody>
  </tbody>
</table>

编辑：

问题是区分大小写。我猜是一个菜鸟错误。 classname在警报中被回显，但CSS引用的成员是className。我修好了，现在很好。

这个CSS就像一个魅力......

tbody tr:not(.section):hover {
    background-color: #FF9966
}

由于我不明白的原因，这个CSS无法排除标题...

tr:not(.section):hover {
    background-color: #FF9966
}
thead tr:hover td {background-color: #DACFE5;}

这真是学术上的，因为它有点像黑客。

Answer 1

tr:not(.section):hover { background-color: #FF9966 }

CSS tr hover不包括某些类的tr

1 个答案: