在css代码中：active不起作用

我使用的CSS代码如下

.top_nav ul li a{ 
  color: #444; background: #111;
}
.top_nav ul li a:hover{
  color: #fff; background: #555;
}
.top_nav ul li a:active{
  color: #111; background: #fff;
}

---

但问题是，当任何页面处于活动状态时，在导航菜单上，该链接的背景不会改变。该链接的背景与其他链接的背景相同。

a:active选择器指的是链接的活动状态，而不是活动页面

您必须为当前正在查看的页面的菜单项设置一些“活动页面”类，并在您的CSS中引用这些类

如果您有静态HTML页面，则可以将类添加到表示当前活动页面的导航项中：

<li class="current">...</li>

---

您可能正在寻找不同颜色的菜单中的活动链接。请注意，

a:active

并非用于此目的

---

单击链接时，链接只会占用

A:active

状态，因此您只会在几秒钟内看到更改。您应该寻找一种不同的方法来完成它，比如从服务器端脚本为所选菜单项添加一个新的css类

只有当您单击活动按钮时，才会应用该按钮。这样做：

<li><a href="" class="active">Link</a></li>

---

您能提供更多的代码或链接吗？只要在单击后按住鼠标按钮，您就会看到活动状态。右键。我指出，在通常的情况下，只需单击按钮，而不是按住按钮。谢谢，但我是在简单的html和css中这样做的，这意味着在静态页面上使用，而不是在动态页面上使用。那么，什么是“活动页面”？如果您有多个静态页面，请添加导航列表项，例如：

..

，并将css更改为

.top\u nav ul li.active a{…

删除了我的所有评论，因为你说了同样的话。@FarazKhan，作为旁注，这里有一个非常简单的方法，用php做同样的事情，用这些评论中的新信息更新了我的原始答案。

<li><a href="" class="active">Link</a></li>

top_nav ul li a.active {
   color: #111;
   background: #fff;
}