【问题标题】:Why :first-child select all children?为什么 :first-child 选择所有孩子?
【发布时间】:2018-04-20 19:39:30
【问题描述】:

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

链接:

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

很抱歉 HTML 部分的混乱,但我正在自定义 Wordpress 主题,它会产生如此多的类和 id。

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

【问题讨论】:

    标签: css css-selectors


    【解决方案1】:

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

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

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

    See it on jsfiddle.net

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

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

    【讨论】:

    • 嗯,上面有另一个用户的相同帖子。为什么删了? O.o
    • @omicz 可能是因为它出现在我之后并且基本上说了同样的话。不过,这是正确的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-11-28
    • 1970-01-01
    • 2018-12-27
    • 2014-10-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多