jquery – 目标第一级> s而不是嵌套> s

我有以下HTML：

<ul>
  <li>A
    <ul>
      <li>subsection</li>
    </ul>
  </li>
  <li>B
    <ul>
      <li>subsection</li>
    </ul>
  </li>
  <li>C
    <ul>
      <li>subsection</li>
    </ul>
  </li>
</ul>

有了jQuery，我如何定位第一层的< li> s？

例如，我需要将字体悬停在悬停在< li>上的字母A，B和C，但不会将该字体样式应用于嵌套< li> s(带名称子部分)。

这里是一个初始的jsfiddle DEMO如果你想使用它。

谢谢。

编辑 –

解：

儿童选择器，这是答案。

不需要jQuery，这可以使用CSS完成。

这是更新的DEMO

编辑 – 这是一个more clear demo

谢谢，

解决方法

有一个容器< div>与类，并使用>选择器。让我们说你的容器div的类是“myclass”：

.myclass ul li {
   ...this will affect both levels of li.
}

.myclass > ul > li {
   ...this will only affect the first level.
}

.myclass > ul > li > ul > li {
   ...this will only affect the second level.
}

注意：选择器在用作CSS选择器时不能在IE6及以下版本中工作。它在所有其他浏览器中工作，包括IE7和IE8，当在JQuery中使用时，它在所有jQuery支持的浏览器，包括IE6。