一个类中的id的正确方法？

Question

我有一个导航系统。基于CSS。在一些项目上，我需要能够自定义它的外观（背景颜色，字体颜色等）。

目前顶级菜单位于：http://www.gardensandhomesdirect.co.uk/menutest

SALE，底部菜单，我试图设置为红色背景，并尝试这样做：

.side_nav .li-sale { background-color:#900 !important; color:#FFF !important; }

但是它已经被覆盖了。

设置此功能的最佳方法是什么？所以我可以使用自定义li类。

Answer 1

那是因为你的红色背景颜色是针对绿色A的LI，所以你看不到那个LI。

尝试为子A元素设置样式：

.side_nav ul li.li-sale a { 
    background-color:#900;
    color:#FFF; 
}

Answer 2

如果你li是这样的话：
<li class="side_nav" id="li-scale">

你可以用你的css称呼这个：
.side_nav #li-scale

所以基本上，在你的css中，你用.来调用类，并使用#

调用id