如何将css first-child与：not（）一起使用[重复]

Posted 2023-03-06

【中文标题】如何将css first-child与：not（）一起使用[重复]

【英文标题】：How to use css first-child with :not() [duplicate]

【发布时间】：2017-09-02 21:53:05

【问题描述】：

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

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

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

但是，当然，它没有成功。这里有什么问题？这是源代码的截图：

【参考方案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;