为什么:active属性在Asp.net MVC中不起作用

Question

我在Asp.net MVC剃刀引擎主页上有一个列表菜单。在菜单上尝试一些CSS时，我发现a:active属性不能正常工作。我已经在w3schools上交叉检查过了，但还是找不到答案。

以下是母版页上的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，为什么?？

Answer 1

只是为了确保您不会遗漏什么-- :active伪类仅在您单击链接并按住鼠标按键时才适用。在页面重新加载后，它将不起作用。(只是确认一下，因为这是一个常见的错误)