CSS - 令人沮丧的菜单项“selected_pa​​ge”

Question

几天我一直试图在我正在制作的新网站的主菜单中将颜色应用到所选页面。到目前为止，它已经能够抵制任何改变的尝试。

我很确定以下css标签对此负责，但添加“颜色”对任何方式都无济于事。 Firebug告诉我它正在使用“a”给它的泛型颜色，但是也应用了正确的类“li.selected_subpage”。

#menu-wrap li.selected_page{    
    line-height:20px;
    color: #F00;  (ignored)
}

我结束了，有人有想法吗？谢谢！

在子注释中，我还想在子菜单中应用一个方框阴影，但它在此菜单上的操作是将其应用于列表中的所有项目，而不是仅应用于所有项目。如果有人知道在哪里应用盒子阴影我也会很高兴。谢谢！

Answer 1

我认为你的颜色选择被你的style.css中的这个块覆盖了：

a:link {
    color: #333333;
    text-decoration: none;
}

将您的代码更改为：

#menu-wrap li.selected_page a:link {    
    line-height: 20px;
    color: #F00;
}

并确保将其放在a：link块之后的某个位置。