我有以下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(带名称子部分)。
谢谢。
编辑 –
解:
儿童选择器,这是答案。
不需要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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。