What are CSS combinators?

Combinators define relationships between selectors.

Combinator Description Example

Descendant ( ) Any nested element div p

Child (>) Direct child only div >

djacent sibling (+) Immediately next element h1 + p

General sibling (~) All next siblings h1 ~ p

Key Takeaway:

Combinators refine selector targeting.