为什么：第一个孩子选择所有的孩子？

Question

我想只选择“下拉菜单”中的第一个链接（带有“ONE”文本的链接），但是:first-child将它们全部选中。

链接：

http://jsfiddle.net/773Xd/1/

对不起，在HTML部分的一塌糊涂，但我定制WordPress的主题，它会产生这么多的class和id。

最重要的是在CSS文件的末尾。

Answer 1

你的CSS选择器改成这样......

#page-navigation ul li .sub-menu li:first-child a 

（即把伪类:first-child在li，而不是a）。

See it on jsfiddle.net

旧的选择并没有工作，因为a总是li元素的第一个孩子。

但在新的选择器中，li是ul元素的第一个孩子。