在CSS中使用某些对象的异常

Question

我的表格有这个CSS代码：

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

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

如何为表格中的某些行设置例外？

Answer 1

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

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

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

Answer 2

可以使用:not()选择器：

http://www.w3schools.com/cssref/sel_not.asp

您可以将类noHover分配给要跳过的元素，并从css中排除该类：

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

Answer 3

您可以为不想影响的行创建一个css 像

<table>
<tr><td class="test">1</td><td>a</td><tr>
<tr><td>2</td><td>b</td><tr>
<tr><td class="test">3</td><td>c</td><tr>
</table>

并添加你的CSS

.test{
background: blue;
}

这是基本的，但您可以自己进行测试