我有这个列表:
<ul class="topnav" id="topnav">
<li><a href="#"><span>community</span> </a>
<ul class="level1">
<li><a href="#"><span>Commun1</span> </a>
<ul class="level1">
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>Events</span></a>
<ul class="level1">
<li><a href="#"><span>Event1</span> </a>
<ul class="level1">
<li><a href="#"><span>Event2</span></a>
<ul class="level1"></ul>
</li>
</ul>
</li>
</ul>
</li> the the first ul under community and the first ul under Events
</ul>
我只需要访问我使用的类级别为 1 的第一个 ul 在每个 ul 中我只需要访问
.topnav li > ul
{
//code here
}
我已经更新了我的代码仍然无法访问唯一的 fi
最佳答案
像这样使用:
#topnav li:first-child ul
{
// your style
}
查看工作演示:http://jsfiddle.net/bqBdn/4/
注意:您的 HTML 代码有点错误,请按照我在本演示中所做的那样更正它。在 main li
中为 ul, li
使用适当的标记谢谢!
关于css 子选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6625294/