CSS，樣式父母/根而不是孩子？ 沒有創建草率的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中有一種方法可以說不是根/子級嗎？ 還是我需要另一個ID / CLASS才能取消父樣式？

謝謝

Answer 1

。

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

a > b指b是直接子a

Answer 2

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

一個可以使用>但是在IE6中不起作用。 可以為IE6添加其他*樣式，但是上面的說法可能更簡潔。