css - 没有悬停的特殊情况

Question

我有一个里面有很多<td>s 的表格，并且在 CSS 文件中存储了一个特定的样式，它们有一个悬停样式，但是我不想将悬停应用于一个特定的<td>.

所以我试着给它一个ID，让悬停看起来像背景，但它不起作用！<td>和其他人一样悬停

这是我的 CSS：

#gradient-style tbody td:hover
{
    background: #d0dafd;
    color: #339;
}

td#exception:hover
{
    padding: 0px;
    background: #e8edff;
}

我的异常<td>没有得到它异常的悬停；它和其他人一样。怎么了？

score 6 · Accepted Answer

您的选择器不够具体。

第一个选择器比第二个选择器多一个 id 选择器，所以它赢得了级联。

利用：

#gradient-style tbody td#exception:hover

反而。

score 0 · Accepted Answer

假设css格式正确

尝试

td#exception:hover
{
    padding: 0px !important;
    background: #e8edff !important;
}

不应该真正使用它，但它可以工作

2 回答 2