我有以下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。
