Html 活动类为'；t在导航列表上应用

这是我的代码：

我试图使第一个链接“活动”，就好像它是当前页面，并且导航选项高亮显示一样

我使用了以下HTML：

    <ul class="navigation">
        <li class="active" id=""> <a href="#"><span></span>test1</a></li>
        <li id="test"><a href="#"><span></span>test2</a></li>
    </ul>

有人能告诉我为什么第一项没有突出显示吗

活动类位于您的

li

上，而不是

a

，更改为：

.navigation li a:hover, .navigation li.active a{
    background-color:#495C6D;
}

或者将

class='active'

移动到

a

.navigation li a:hover, .navigation li.active a{
    background-color:#495C6D;
}