将CSS类应用于li not child li

JRO*_*ROB 1 html css

我有一个为列表指定的类:

.nav ul li.current {
    background: #fff;
}
Run Code Online (Sandbox Code Playgroud)

问题是,我只想设置父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>
Run Code Online (Sandbox Code Playgroud)

上面粘贴的CSS正在使用"current"类更改两个li元素的背景.我该如何纠正?

zvo*_*ona 8

.nav > ul > li.current { ... }
Run Code Online (Sandbox Code Playgroud)