2011-11-28 49 views
0

我在Asp.net MVC Razor引擎主页面中有一个列表菜单。在菜单上尝试一些CSS时,我发现a:active属性无法正常工作。我已经对w3schools进行了交叉检查,但仍然无法弄清楚。为什么不在asp.net MVC中使用活动属性

以下是母版页上的HTML: -

<div class="nav"> 
    <ul> 
     <li><a href="/Store/Electronics">Electronics</a></li> 
     <li><a href="/Store/Computers">Computers</a></li> 
     <li><a href="/Store/Clothings">Clothing And Accressories</a></li> 
     <li><a href="/Store/Office">Office</a></li> 
     <li><a href="/Store/Sports">Sports</a></li> 
    </ul> 
</div> 

这里的CSS代码: -

.nav ul li a:link { text-decoration:none; color:#3C7777; font-weight:bold; } 
.nav ul li a:visited { text-decoration:none; color:#3C7777; } 
.nav ul li a:hover { text-decoration: underline; color: #B5B5B5; } 
.nav ul li a:active { text-decoration:none; color:#B5B5B5; } 

问题: - 所选择的链接是不是在正确的颜色显示,#B5B5B5,为什么?

+0

这一切看起来是正确的 - 而且与MVC无关。用Firebug检查呈现的HTML和CSS。 –

+0

也许你很困惑:主动与:重点? – ZippyV

回答

1

只是为了确保您不会错过任何东西 - 活动伪类只适用于您单击链接并按住鼠标按钮的情况。它在页面重新加载后不起作用。 (只要确保,因为这是一个常见的错误)

+0

ohh k ....绝对正确....我有这种感觉,当我移动到另一个页面时,如何保存颜色......但是很懒惰,并且认为某种CSS应该做到这一点:-P ...... –

+0

没有伤害 - 如果您想标记活动链接,您必须为其分配一个类,在页面加载时称为“活动”。例如,您可以评估当前查询字符串以确定用户在哪个页面上并标记正确的链接。祝你好运! –

相关问题