导航栏活动链接背景不工作

Question

正如你在这个jsfiddle上看到的，我希望我的活动菜单项有一个黑色的圆形背景（我所说的"圆形"与悬停效果类似）。

为此，我有一段代码

navbar-classic li a.active,
 .navbar-classic li a:hover {
   color: #fff;
   background: black;
 } 

问题是，即使我在index.html上，我的第一个菜单项（"索引"）仍然有一个透明的背景。看来李没有被考虑在内。

问题出在哪里？

非常感谢，

Answer 1

这是因为缺少.active类。

看看这个小提琴

<a href="index.html" class="active">Home</a>