活动类未应用于导航列表

Question

这是我的代码：http://jsfiddle.net/spadez/DG3r9/5/

我正在尝试将第一个链接设置为“活动”，就好像这是当前页面并突出显示该导航选项。

我使用了这个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>

这个CSS：

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

有谁可以告诉我为什么第一项没有突出显示，因为它应该是好的？

Answer 1

Demo Fiddle

活跃课程位于li而不是a，更改为：

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

或将class='active'移至a