Question

我在Asp.net MVC Razor引擎主页中有一个列表菜单。在菜单上尝试一些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

只是为了确保你没有遗漏某些东西 - ：只有当您点击链接并按住鼠标按钮时才会应用活动伪类。页面重新加载后它将无法工作。（只是确定，因为这是一个常见的错误）

为什么没有：活动属性在Asp.net MVC中工作

1 个答案: