How to use css first-child with :not()

Question

There is a parent div with id = "cooldiv". It has many div elements inside. Now I need to set a css property to all the child div-s except the first one.

So, this is what I've tried so far to accomplish this task:

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

But, of course, it didn't work out. What's wrong here? This is the screenshot of the source code:

curveball · Accepted Answer · 2017-11-02T00:02:04.293

31

Try #cooldiv .row:not(:first-child). It seems you missed : before first-child. Maybe that's why it doesn't function?

edited Nov 02 '17 at 00:02

answered Apr 07 '17 at 13:27

curveball

4,320
15
39
49

yeah but still not works – TyForHelpDude Apr 07 '17 at 15:05
What do you mean? The selectors itself should work fine. But you for sure have more code there, so your styles `top:-50px` may be rewritten. Also, `top:-50px` will not work per se - the element should be positioned (relative, absolute etc.) You might need to use `margin-top:-50px` instead. It is hard to say more since very small part of your code is exposed here. – curveball Apr 07 '17 at 16:06
ok ok it works here :) – TyForHelpDude Apr 07 '17 at 16:56

score 1 · Answer 2 · answered Apr 07 '17 at 13:30

1

Try something like that

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

answered Apr 07 '17 at 13:30

user3161374

64
5

How to use css first-child with :not()

2 Answers2