HTML and CSS Certification Practice Test 2025 - Free HTML and CSS Practice Questions and Study Guide

The correct method to select all `<p>` elements inside `<div>` elements in CSS is by using the selector `div p`. This selector is a descendant selector, meaning it targets all `<p>` elements that are descendants of any `<div>`, regardless of how deeply nested they are within the `<div>`.

When you specify `div p`, you're indicating that you're interested in collecting all paragraphs located anywhere within the `<div>`. This can include `<p>` elements that are direct children of the `<div>` or those that are nested within other elements, representing multiple levels of hierarchy.

The other options do not achieve the same result:

- The selector `p div` would target any `<div>` elements that are descendants of a `<p>`, which is the opposite of the intended selection.

- The selector `div > p` would only select direct child `<p>` elements of a `<div>`, excluding any paragraphs nested within other elements inside the `<div>`.

- The selector `div + p` is an adjacent sibling selector, meaning it only selects a `<p>` element that directly follows a `<div>` as its sibling, which is not related to selecting paragraphs inside a `<div>`.

In summary, `div p