css - MVC 样式化选项卡

Question

这是母版页中的选项卡:

<nav>
     <ul id="menu">
         <li><%: Html.ActionLink("Home", "Index", "Home")%></li>
         <li><%: Html.ActionLink("About", "About", "Home")%></li>
     </ul>
</nav>

这是CSS:

ul#menu li.selected a {
    background-color: #a6e2a6;
    color: #000;
}

但无论我对背景颜色做什么，它总是保持不变。如何改变选中标签的背景颜色和高度？

Answer 1

:active 选择器不会为与当前页面对应的链接设置样式，但会为用户当前单击的链接设置样式。

:active 选择器与 :hover 选择器非常相似，后者在用户将鼠标悬停在链接上时设置链接样式。它们都是响应鼠标操作的选择器。

这是一个非常明显的行为示例:http://jsfiddle.net/NuExP/

修改问题后编辑:

喜欢@o.v。说，当前事件页面没有选择器，因此他的解决方案是向链接添加一个类以指示它是当前事件页面是正确的。