为什么:第一个孩子选择所有孩子?

时间:2010-11-17 00:50:14

标签: css css-selectors

我想只选择“下拉菜单”中的第一个链接(带有“ONE”文字的链接),但:first-child会全部选择。

链接:

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

对于HTML部分中的混乱感到抱歉,但我正在自定义Wordpress主题,它会产生很多类和ID。

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

1 个答案:

答案 0 :(得分:13)

将CSS选择器更改为此...

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

(即将伪课:first-child放在li上,而不是a)。

See it on jsfiddle.net

旧的选择器不起作用,因为a始终是li元素的第一个孩子。

但是在新选择器中,liul元素的第一个孩子。