Navbar活動鏈接不能正常工作

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>