Html CSS，为父/根设置样式，但不为子级设置样式？不创建草率的CSS

这是新的，我正在尝试创建干净的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中有没有办法说不是根/子元素？或者我需要另一个ID/类来取消父样式

谢谢

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

a>b

表示

b

是

a

的直接子级

#Main li { background:red; }
#Main li li { background:transparent; }

a>b

表示

b

是

a

#Main li { background:red; }
#Main li li { background:transparent; }

可以使用

，但它在IE6中不起作用。可以为IE6添加额外的

*

样式，但上面的样式可以说更简洁

---

可以使用

，但它在IE6中不起作用。你可以为IE6添加额外的

*

样式，但上面的样式可以说更简洁。

好吧，叮当在一个

li

中，它是

\Main

的直系子，那么这有什么帮助呢？@谢谢，我可能误解了这些问题。为此，您确实需要“另一个ID/类来取消父样式”。（有点像meder提到的，但背景是：white；）嗯，叮咚在an

li

中，是

#Main

的直系子女，那有什么帮助呢？@谢谢，我可能误解了问题。为此，您确实需要“另一个ID/类来取消父样式”。（类似于提到的meder，但背景为白色；）