html - 对 CSS 中的某些对象使用异常

Question

我的表格有以下 CSS 代码:

.table-hover>tbody>tr:hover {
    background-color: #f36f25;
    color:#FFFFFF;
}

我希望能够让一些行在悬停时不使用此代码。

我如何为表格中的某些行设置异常(exception)？

Answer 1

给他们一些东西来识别他们(例如 class 属性)，然后使用 negation pseudo-class selector (:not())过滤掉它们:

<tr></tr>
<tr class="notThisOne"></tr>
<tr></tr>

.table-hover>tbody>tr:not(.notThisOne):hover {
    ...
}