应用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 { 
    ... 
}