【问题标题】:CSS: is "not a first child" selector possible? [duplicate]CSS:“不是第一个孩子”选择器可能吗? [复制]
【发布时间】:2016-02-23 08:37:57
【问题描述】:

CSS 是否可以选择除第一个子元素之外的所有子元素?

【问题讨论】:

  • 可能与这个问题重复:stackoverflow.com/questions/12289853/…
  • 请不要破坏您的问题。
  • @Paul:因为它违反了 Stack Overflow 的规则。这不是一个错误,这只是一个重复的问题。 “我不会在这里接受答案” - 你真的希望人们在未来帮助你吗?
  • @Paul:您可以要求版主/高声誉用户删除您的问题,但没有必要破坏它。
  • @vaultah:我问过他们。没有反应。你是对的,你应该得到你的支持和回答标志。对不起。但我真的不明白为什么要保留重复问题的答案。重复的问题应该是一种重定向。

标签: css css-selectors children


【解决方案1】:

是的,使用:not(:first-child)

parent child:not(:first-child) { /* style */ }

例子:

div span:not(:first-child) {
    color: red;
}
<div>
    <span>A</span>
    <span>B</span>
    <span>C</span>
</div>

【讨论】:

    【解决方案2】:

    只需使用 :nth-child 选择器:

    :nth-child(n+2) {}
    

    它将选择从第二个开始的所有孩子。或者,如果所有孩子都有相同的类(或元素标签),你也可以使用

    #parent .class + .class {}
    #parent div + div {}
    

    【讨论】:

    • 应该是n+2,因为n从0开始计数,结果n+1=1,匹配第一个孩子。
    • @BoltClock 当然,感谢您发现错误,已修复。
    【解决方案3】:

    您可以使用div:not(:first-child)

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2023-03-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-08
      • 1970-01-01
      • 1970-01-01
      • 2013-08-24
      相关资源
      最近更新 更多