如何更改菜单中所选项目的颜色？

Question

我有这个网站：

http://paul.dac-proiect.ro/index.php/about/

当用户点击选中的红色菜单项时，我希望这样。 我尝试了下面的代码，但不明白为什么不工作。

我发现了更多关于此的信息，但我不明白为什么编写代码时工作有问题？

.navbar .nav > li > a:active{color:red;}

我确信这是非常简单但却无法弄清问题是什么。

你可以帮我解决这个问题吗？

提前致谢！

Answer 1

:active伪类只是您单击并按下鼠标按钮的时刻。

您案例中的有效项目包含课程current_page_item，因此：

.current_page_item > a {color: red;}

Answer 2

试试这个：

li.current_page_item > a {
    color: #F00 !important;
}

Answer 3

最简单（但有限，因为它为所有访问过的链接着色）使用：visited选择器，就像过去访问过的链接变为紫色一样。 其他选项是添加一个应用所需颜色的css类.active。这可以用纯HTML（然后你必须为每一页配置）或用PHP（通过将当前页面与URL进行比较;如果相同，则应用.active）来完成。

Answer 4

在样式表中添加此内容并尝试。

a:hover, a:active {
  outline: 0;
  color: red !important;
}

Answer 5

我建议在导航点击时添加一个类。 例如：

<a href="http://paul.dac-proiect.ro/">Highlights</a>

点击

时为其添加课程

<a class="active" href="http://paul.dac-proiect.ro/">Highlights</a>

CSS

.active{
       color : #f00;
}

Answer 6

这将有效

li.current_page_item > a {
    color: red !important;
}

因为您使用了

li.current_page_item > a {
  color: #000000 !important;
}

因此您需要将color从#000000更改为red。