How does the descendant combinator differ from a direct child combinator? Write an example of a descendant combinator selector. What is the impact of using multiple descendant selectors in a chain?

Q: How does the descendant combinator differ from a direct child combinator? Write an example of a descendant combinator selector. What is the impact of using multiple descendant selectors in a chain?

The descendant combinator (space) selects all elements that are nested anywhere within a specified parent, while the direct child combinator (`>`) selects only elements that are immediate children of the parent. Descendant combinator: `A B` selects all `B` elements inside `A` at any depth. Child combinator: `A > B` selects only `B` elements that are direct children of `A`. Using multiple descendant selectors in a chain (e.g., `div ul li a`) increases specificity and targets elements deeply nested in the hierarchy. Excessive chaining can reduce CSS maintainability and may impact performance if overused in large DOMs. div p { color: blue; } /* All inside any */ div > p { color: green; } /* Only direct child of */ Direct child paragraph (green) Nested paragraph (blue)