應用CSS類裏沒有孩子李

Question

我有一個列表中指定一個類：

.nav ul li.current { 
    background: #fff; 
} 

的問題是，我只想樣式父li元素，沒有任何孩子。

<div class="nav"> 
    <ul> 
    <li>Something</li> 
    <li class="current">Something else</li> <!-- apply class here --> 
    <li> 
     <ul> 
     <li>Child something</li> 
     <li class="current">Child something else</li> <!-- ...but not here --> 
     </ul> 
    </li> 
    </ul> 
</div> 

上面粘貼的CSS正在改變兩個li元素的背景，類爲「current」。我該如何糾正？

Answer 1

.nav > ul > li.current { ... } 

Answer 2

.nav > ul > li.current { 
    ... 
}