html - 导航栏事件链接背景不起作用

Question

正如您在 this jsfiddle 上看到的那样，我希望我的事件菜单项具有黑色圆形背景(“圆形”是指类似于悬停效果的外观)。

为此我有这段代码

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

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

问题是什么？

非常感谢，

Answer 1

这是因为缺少.active类。

See this fiddle

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