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

Question

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

.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);
}

Answer 1

如你的pastebin数据中所阐明的那样，代码似乎有效，尽管渐变效果相当不明显，因为颜色彼此非常接近。如果这个答案不能令人满意，请确定您预期会发生什么以及在哪些浏览器上不会发生这种情况。