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

fom*_*icz 8 css css-selectors

我想只选择"下拉菜单"中的第一个链接(带有"ONE"文本的链接),但是:first-child全部选择它们.

链接:

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

很抱歉HTML部分的混乱,但我正在定制Wordpress主题,它产生了很多类和ID.

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

ale*_*lex 13

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

#page-navigation ul li .sub-menu li:first-child a
Run Code Online (Sandbox Code Playgroud)

(即把伪类:first-child放在上面li,而不是a).

在jsfiddle.net上看到它

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

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