特别没有悬停

Question

我有一个包含许多<td>内容的表，并且具有存储在CSS文件中的特定样式，并且它们具有悬停样式，但我不想将悬停应用于一个特定的{{1 }}。

所以我试着给它一个ID，让悬停看起来像背景，它不起作用！ <td>与其他人一样具有相同的悬停

这是我的CSS：

<td>

我的异常#gradient-style tbody td:hover { background: #d0dafd; color: #339; } td#exception:hover { padding: 0px; background: #e8edff; } 没有得到它的特殊悬停;它和其他人一样。怎么了？

Answer 1

您的选择器不够specific。

第一个选择器中还有一个id选择器，而不是第二个选择器，所以它赢得了级联。

使用：

#gradient-style tbody td#exception:hover

代替。

Answer 2

假设css格式正确

尝试

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

不应该真正使用它，但它有效