悬停为具有编号的列表项目

我想添加具有不同编号的列表项目的css。我需要在列表项变为悬停时更改css，但是当我将它附加到id末尾时，它们会起作用。这就是我拥有的方式。悬停为具有编号的列表项目

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

来源

2012-01-13 Pollux Khafra

您需要提供更多信息。列表项是否真的有id = drop？你能用一个简单的完整文档来分离问题吗？ – 2012-01-13 23:41:55

我的列表菜单中的一些项目有一个下拉菜单，我向它们添加了箭头背景。所以我给这些列表项目的id“drop”，所以我可以给他们那个箭头。我的问题出现在li＃drop悬停并且悬停背景发生变化时。所以我需要将该箭头添加到li＃drop“hovered”的箭头背景中。 – 2012-01-13 23:49:33

如果你给几个元素具有相同的'id'值，听起来就是这样的。 'id'值必须是唯一的。改为使用'class'属性和类选择器。 – 2012-01-14 00:10:29

的代码，如澄清你的引擎收录数据，似乎工作，虽然渐变效果是相当不易察觉的颜色是如此接近对方。如果这个答案不令人满意，请确定您预期会发生什么以及它在哪些浏览器上未能发生。

来源

2012-01-14 07:16:56

悬停为具有编号的列表项目

回答

相关问题