如何指定一个独特的菜单项并赋予其独特的属性？

Question

我正在使用此菜单：http://cssmenumaker.com/menu/light-opera-drop-down-menu

我想让最后一个菜单选项独一无二，让它始终突出显示为红色，并带有独特的悬停/活动状态。我遇到的问题是导航现有代码，以便我可以为我的唯一选项添加样式。我尝试通过它识别它，然后我可以在样式表中调用它

#cssmenu ul li.donate:hover > a {
background: red;

这允许我将悬停更改为红色，但我无法将其全部突出显示为红色。我试过了

#cssmenu ul li.donate {
background:red;
}

但这没有任何作用。

Answer 1

#cssmenu ul:last-child li.donate:hover > a {

尝试使用:last-child

Answer 2

您的样式未注册的原因是因为与您的background声明关联的选择器不够具体。在CSS中，C代表Cascading。浏览器会逐渐减少或级联多个声明，这些声明可能会也可能不会影响同一个元素。最终将应用的样式是最具体选择器附带的样式。

这是有效的小提琴：http://jsfiddle.net/8kfwQ/2/。将鼠标悬停在“产品”上，然后悬停在“产品2”上，您将看到“捐赠”链接。

这是我在小提琴的CSS末尾添加的代码：

#cssmenu .has-sub .has-sub ul li.donate a {
    background-color: blue;
}

选择器更具体，这就是默认的栗色背景被覆盖的原因。