将CSS类应用于li not child li

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正在使用“current”类更改两个li元素的背景。我该如何纠正？

Answer 1

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

Answer 2

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