css - 为什么是:first-child select all children?

Question

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

链接:

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

对于 HTML 部分的困惑，我深表歉意，但我正在自定义 Wordpress 主题，它会产生如此多的类和 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 元素的第一个子元素。