html - CSS，为 parent /根而不是 child 设计样式？ W/O 创建草率的 CSS

Question

所以这是新的，我正在尝试创建干净的 CSS，这是我的代码示例:

<ul id="Main">
 <li>blah blah</li>
 <li>blah blah</li>
 <li>blah blah</li>
 <li>
   <ul>
      <li>ding dong</li>
      <li>ding dong</li>
      <li>ding dong</li>
   </ul>
 </li>
</ul>

然后我有以下 CSS:

#Main li {
    background-color:Red;
}

问题是我不希望 DING DONG LI 中的背景为红色 在 CSS 中有没有办法说不是 root/children？或者我是否需要另一个 ID/CLASS 来取消父样式？

谢谢

Answer 1

.

#Main > li {
    background-color:Red;
}

a > b 表示 b 是 a

的直接子级