CSS问题-导航项的活动状态

Question

在以下测试站点(http://tronitech.brettatkin.com/index.asp)，我希望每个导航元素在它是活动页面时都有不同的外观。

当该页面处于活动状态时，我已经为锚点元素分配了一个类。

当我在内联中添加CSS时，它是有效的（例如主页），但当我把它放在类中时，它就不起作用了。

这是我的CSS：

#navigation ul li .active-link a {
    color: #326ea1;
    background-image: url(/images/nav-current.jpg);
    background-repeat: repeat-x;
}

我认为这是继承的问题，但我没有看到这个问题。。。

感谢

Brett

Answer 1

将选择器更改为以下

#navigation ul li a.active-link

CCD_ 1尝试将锚标记与具有类CCD_。CCD_ 3将锚标记与类CCD_。

Answer 2

它不是#navigation ul li .active-link a，但应该是#navigation ul li a.active-link。第一条规则说链接是类active-link的分支，而第二条规则说与类active-link的链接——这就是您在标记中得到的。

事实上，两个选择器都太长了。