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

标签 css css-selectors

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

链接:

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

对于 HTML 部分的困惑,我深表歉意,但我正在自定义 Wordpress 主题,它会产生如此多的类和 ID。

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

最佳答案

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

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

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

See it on jsfiddle.net

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

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

关于css - 为什么是:first-child select all children?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4200550/

相关文章:

css - 如何在整个页面中居中对齐特定字符?

html - 悬停时使用 CSS 更改 div 位置

java - 如何使用 Selenium 和 Java 单击“确认”按钮

css - 命名 css 选择器时使用大写、破折号或下划线

css - 不同的 :hover for first link in a list

html - 在网页中定义多个区域(没有多边形)

css - 如何每页只显示一次表格行?

javascript - "Dropdown-Menu"试图打开 child 时关闭

css - 如何制作具有相同高度且右列偏移到标题的两个布局列

css - 是否有 CSS 父级选择器?