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;
}

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

由于

布雷特

Answer 1

将您的选择器更改为以下

#navigation ul li a.active-link

a .active-link尝试将锚标记与具有类active-link的子项匹配。 a.active-link将锚标记与类active-link匹配。

Answer 2

它不是#navigation ul li .active-link a，但它应该是#navigation ul li a.active-link。第一条规则表示链接是类active-link的后代，第二条规则表示与类active-link的链接 - 这是您在标记中得到的。

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