css - 将鼠标悬停在具有ID的列表项上

我正在尝试为具有不同ID的列表项添加CSS。悬停时，我需要更改列表项的css，但是当我将其附加到id的末尾时，它们的：hover无效。这就是我的方式。

.header-menu li#drop:hover{
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -moz-linear-gradient(top, #E5E5E5, #EDEDED);
background-image:url(images/menu-arrow.gif) 90% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#EDEDED));
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#E5E5E5, endColorStr=#EDEDED) progid:DXImageTransform.Microsoft.Glow(color=#888888, strength=1) progid:DXImageTransform.Microsoft.Shadow(direction=180, strength=2, color=#888888);
}

最佳答案

在您的pastebin数据中阐明的代码似乎可以正常工作，尽管渐变效果非常明显，因为颜色彼此非常接近。如果此答案不令人满意，请确定您期望发生什么以及如何在哪些浏览器上发生失败。

关于css - 将鼠标悬停在具有ID的列表项上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8858623/