How would you select all elements that are inside a using combinators? How would you style only the direct child elements inside a ?

You can use the descendant combinator (space) to select all ` ` elements inside a ` ` regardless of nesting depth, and the child combinator (`>`) to target only direct children, such as ` ` elements inside a ` `. Descendant combinator (`A B`) selects all `B` elements nested anywhere inside `A`. Child combinator (`A > B`) selects only `B` elements that are direct children of `A`. These combinators allow precise targeting of elements based on DOM relationships without adding extra classes or IDs. Using the correct combinator improves maintainability and performance by avoiding overly broad selectors. /* Select all inside any */ div p { color: blue; } /* Select only direct children of */ ul > li { font-weight: bold; } Paragraph 1 (blue) Nested paragraph (blue) Item 1 (bold) Item 2 (bold) Nested Item (not bold)