【问题标题】:How to use css first-child with :not() [duplicate]如何将css first-child与:not()一起使用[重复]
【发布时间】:2017-09-02 21:53:05
【问题描述】:

有一个父 divid = "cooldiv"。它里面有很多div 元素。现在我需要为除第一个之外的所有子 div-s 设置一个 css 属性。

所以,这是我迄今为止为完成这项任务所做的尝试:

#cooldiv .row:not(first-child) {
    top: -50px;
}

但是,当然,它没有成功。这里有什么问题?这是源代码的截图:

【问题讨论】:

    标签: html css css-selectors


    【解决方案1】:

    试试#cooldiv .row:not(:first-child)。看来您在first-child 之前错过了:。也许这就是它不起作用的原因?

    【讨论】:

    • 是的,但还是不行
    • 什么意思?选择器本身应该可以正常工作。但是你肯定有更多的代码,所以你的样式top:-50px 可能会被重写。此外,top:-50px 本身不起作用 - 元素应该定位(相对、绝对等)您可能需要使用 margin-top:-50px 代替。很难说更多,因为您的代码的一小部分在这里暴露。
    • 好的,它在这里工作:)
    【解决方案2】:

    试试类似的方法

    #cooldiv .row:first-child {
        top:0px;
    } #cooldiv .row {
        top:-50px;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-05-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-08-04
      • 1970-01-01
      • 1970-01-01
      • 2017-01-18
      相关资源
      最近更新 更多