CSS Combinators
I’ve used CSS for a little while now but until recently I didn’t know
that the formal name for inter-selector operators like the direct child
>
angle bracket, is a COMBINATOR. It sounds intense, like a ‘90s
Front Line Assembly album.
There are four types of combinators, and you can think of them this way:
- The Descendant selector (space)
- the Selector List
- The Direct Child selector (>)
- The Immediate, Subsequent Sibling selector (+)
- The Subsequent Siblings selector (~)