CSS影响“li”的特定级别

Question

我有一个名为sidebar_menu的css类，它会影响侧栏（duh）上有时会嵌套子菜单的菜单

例如，假设我有这个：

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

我试图只影响列表的第一级，所以我一直在尝试像直接子选择器这样的东西，但无济于事。如果我有代码

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

我正在寻找

• 的特拉华
• 的俄亥俄
  • 克利夫兰
  • 哥伦布
• 的德克萨斯

相反，我得到子菜单中的每个项目都是粗体，我不想要。任何想法如何解决这个问题？

Answer 1

反过来考虑一下。您可以将粗体权重应用于所有li，然后将正常权重应用于嵌套li。

.sidebar_menu li {
    font-weight: bold;
}

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

显然，将选择器更改为选择li和li li件所需的内容。