导航栏活动 link 背景不工作

Question

正如您在 this jsfiddle 上看到的那样，我希望我的活动菜单项具有黑色圆形背景（"rounded" 我的意思是类似于悬停效果的外观） .

为此我有这段代码

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

问题是，即使我在 index.html 上，我的第一个菜单项 ("Index") 仍然具有透明背景。似乎没有考虑 li a.active。

问题是什么？

非常感谢，

Answer 1

因为 .active class 不见了

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

Navbar active link background not working