Descendant Combinator

The descendant combinator (space) selects elements that are descendants of another element at any nesting level.

Basic Descendant Selection

.container p selects ALL paragraphs inside .container, no matter how deeply nested.

Multiple Levels

Try these:

• article a - all links inside article
• header a - links inside header
• nav a - links inside nav

Styling Nested Elements

Chaining Descendants

.card .card-body p - paragraphs inside .card-body inside .card

Exercise: Select Nested Items

Select list items inside the navigation: