CSS: is "not a first child" selector possible?

Question

Does CSS make possible selecting all the child elements except a first child?

Maybe duplicate to this question : http://stackoverflow.com/questions/12289853/css-notfirst-child-selector — Simon M., Feb 23 '16 at 08:40
@Paul: because it's against the rules of Stack Overflow. It wasn't a mistake, it's just a duplicate question. *"I won't accept answers here"* - do you seriously expect people to help you in the future? — vaultah, Feb 23 '16 at 10:23
@Paul: you can ask moderators/high reputation users to delete your question, but it's not necessary to deface it. — vaultah, Feb 23 '16 at 10:30
@vaultah: I asked them. No reaction. You are right that you deserved your upvote and answer flag. Sorry. But I really do not understand why to keep answers to the duplicate question. A duplicate question should be a kind of redirect. — Paul, Feb 23 '16 at 10:33

vaultah · Accepted Answer · 2016-02-23T08:51:15.567

3

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

Example:

div span:not(:first-child) {
    color: red;
}

<div>
    <span>A</span>
    <span>B</span>
    <span>C</span>
</div>

edited Feb 23 '16 at 08:51

answered Feb 23 '16 at 08:41

vaultah

Paul · Answer 2 · 2016-02-23T08:42:30.280

2

Just use the :nth-child selector:

:nth-child(n+2) {}

It will select all children starting with the second one. Or, if all children have the same class (or element tag) you can also use

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

edited Feb 23 '16 at 08:42

answered Feb 23 '16 at 08:40

Paul

That should be n+2, as n starts counting from 0 which will result in n+1=1, matching the first child. – BoltClock Feb 23 '16 at 08:41
@BoltClock Of course, thanks for spotting the mistake, it's fixed. – Paul Feb 23 '16 at 08:43

score 1 · Answer 3 · answered Feb 23 '16 at 08:39

1

You can use div:not(:first-child).

answered Feb 23 '16 at 08:39

janhartmann

3 Answers3