2014-02-24 46 views
0

我有一个名为sidebar_menu CSS类它会影响侧边栏(杜)菜单,有时还嵌套子CSS来影响“礼”

例如特定水平,可以说,我有这样的:

  • 特拉华
  • 俄亥俄州
    • 克利夫兰
    • 哥伦布
  • 德州

我试图只影响列表的第一个层次,所以我一直在试图像直接孩子选择的事情,但无济于事。如果我的代码

div.sidebar_menu ul.menu > li {font-weight: bold;}

我找

  • 特拉华
  • 俄亥俄州
    • 克利夫兰
    • 哥伦布
  • 德州

相反,我得到粗体以及子菜单,这是我不希望每一个项目。任何想法如何解决这个问题?

+1

分别设置子项目的样式。他们继承了父母的风格,所以你需要重写它。 – j08691

+0

@ j08691是否意味着添加“div.sidebar_menu ul.menu li ul.menu> li”? 这会自动覆盖上面发生的事情吗? –

+1

您必须发布HTML和CSS以了解其是否可行。一个jsFiddle会很有帮助。 – j08691

回答

2

反过来思考一下。您可以将粗体重量应用于所有li s,然后将正常体重应用于嵌套的li s。

.sidebar_menu li { 
    font-weight: bold; 
} 

.sidebar_menu li li { 
    font-weight: normal; 
} 

显然改变选择你需要选择lili li件东西。