Week 2 — 5 / 24

Advanced Styling: Combinators

A > B finds things that match A, and matches their immediate children that match B - "A's children B"


A B finds things that match A, and matches all their descendants that match B. - "A's descendants B" - Note this will include everything matched by A > B, plus the things it finds by walking recursively down the tree.


Those are sadly not the most intuitive symbols. There are also to less-used exotic ones you may see in the wild. Normalize looking these up on https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_selectors/Selectors_and_combinators.