Select all direct descendant dom elements regardless of type

Question

I'm trying to apply CSS to any immediate child of a parent container element. How do I use CSS's descendant < selector to select any immediate child regardless of type (div / span / etc).

score 107 · Accepted Answer · answered Mar 08 '13 at 20:43

107

I assume you mean the child selector. It's >, not <.

.parent > *

That will select any element. You can of course use any other selector as the child (an element, class, id, etc.)

answered Mar 08 '13 at 20:43

Explosion Pills

188,624
52
326
405

4

And the descendant selector is the space, not "<". And an obligatory inane comment about how `*` is bad for performance, etc, as if performance matters to anyone. – BoltClock Mar 08 '13 at 20:44
@BoltClock not just bad for performance, but probably suggestive of something bad in the design – Explosion Pills Mar 08 '13 at 20:59

score 17 · Answer 2 · edited Dec 08 '21 at 06:26

17

If you are in SCSS then

.parent {
  & > * {
    
  }
}

edited Dec 08 '21 at 06:26

Emmanuel

4,933
5
46
71

answered Jun 21 '21 at 11:50

Ifart Mitul

188
1
8

Also works in LESS – patrick Jan 11 '22 at 22:57

Select all direct descendant dom elements regardless of type

2 Answers2

Linked