Child Combinator

The child combinator (>) selects only direct children, not deeper descendants.

Child vs Descendant

Compare:

• .parent > p - only DIRECT child paragraphs (2 matches)
• .parent p - ALL descendant paragraphs (3 matches)

Practical Example

.menu > li selects only top-level items, not submenu items.

Styling Direct Children

Chaining Child Combinators

Exercise: Style Direct Children

Style only the direct child divs of the container: