特殊的<td>没有悬停

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>并没有得到它的特殊悬停; 它和其他人一样.怎么了？

Answer 1

你的选择器不够具体.

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

使用:

#gradient-style tbody td#exception:hover

代替.