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>