代码之家  ›  专栏  ›  技术社区  ›  arvymetal

带第n个子项的伪选择器组合[重复]

  •  0
  • arvymetal  · 技术社区  · 6 年前

    我试图用两个组合的伪类来定位子元素: ,以返回我元素的偶数子元素 之后 排除 :

    <div>Will have a left margin</div>
    <div></div>
    <p>Will have a left margin</p>
    <p></p>
    <span></span>
    <div>Will have a left margin</div>
    <div></div>
    

    #someItem >:not(span):nth-child(even) {
        margin-left: 8px;
    }
    

    但我得到了(基本上 第n个孩子

    <div>Has a left margin</div>
    <div></div>
    <p>Has a left margin</p>
    <p></p>
    <span></span>
    <div></div>
    <div>Has a left margin</div>
    

    所以我想用这种方式(使用一个通用的兄弟选择器)来编写它,以便 第n个孩子

    #someItem >:not(span) ~:nth-child(even) {
        margin-left: 8px;
    }
    

    但还是不走运。

    第n个孩子 跨度 元素已被移除?(纯CSS格式)

    0 回复  |  直到 6 年前