Html 悬停的特殊性

我有css特殊性问题

如果“没有账单”，我希望

样式的颜色不同，因此我使用if语句设置样式。如果没有票据，则样式为

style=“id=\“无票据”。我用css来做这个。现在，如果用户将鼠标悬停在它上面，我希望背景变成红色-因此我修改了css并添加了
#bill list#no bills td:hover
，它有
td:hover
，以便在鼠标悬停在它上面时添加一些额外的特性。不幸的是，这不起作用（背景保持不变）

以下是我的css：

#账单清单
{
字体系列：“Lucida Sans Unicode”，“Lucida Grande”，无衬线；
字体大小：12px；
/*利润率：45像素*/
宽度：100%；
文本对齐：左对齐；
边界塌陷：塌陷；
}
#帐单清单
{
字体大小：13px；
字体大小：正常；
填充：8px；
背景：#b9c9fe；
边框顶部：4px实心#aabcfe；
边框底部：1px实心#fff；
颜色：#039；
}
#帐单清单运输署
{
填充：8px；
背景：#e8edff；
边框底部：1px实心#fff；
颜色：#669；
边框顶部：1px实心透明；
}
#票据清单tr:hover td
{
背景：#d0dafd；
颜色：#339；
}
#账单列表#账单td
{
背景：白色；
}
#账单清单#无账单
{
背景:#FFCC99；
}
#账单列表#无账单td:悬停
{
颜色：橙色；
背景：红色/*#FFCC66*/；
}

以下是我的代码（片段）：


...
...

有人有什么想法吗？
你应该发布HTML代码，而不是生成它的代码，这与这里无关

第一个问题：您确定同一页上不能有2个
无票据
id吗

然后你的问题是：你正在尝试设置
td:hover
的样式，它是
#no bills
的后代。后者是相同的td，不是优势！然后您应该设置
#账单列表#无账单：悬停
，这似乎是一个被悬停的
td
。
试试看

#bill-list #no-bills:hover

而不是

#bill-list #no-bills td:hover

如果有多张无账单，您应该使用class over id.
这就成功了-谢谢！（是的，我应该发布html）。是的，只是把它们改成了类，因为有多个无账单。谢谢
#bill-list #no-bills td:hover