html - 子 li ではなく、li に 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 は、クラス「current」を持つ両方の li 要素の背景を変更しています。これを修正するにはどうすればよいですか?