The CSS3 selector h3 ~ p is used to select which elements?

• A. All h3 elements that precede any p
• B. All p elements inside an h3
• C. Only the first p after h3
• D. All p elements that are preceded by an h3 element

Answer: (D)

Understanding how the general sibling combinator works in CSS selectors. The selector h3 ~ p means: select every paragraph that shares the same parent as an h3 and comes after that h3 in the document order. It doesn’t require the paragraph to be a direct child, and it will apply to all such paragraphs, not just the first one. This also means a paragraph that appears before any h3 or is not a following sibling of an h3 won’t be matched. Since a paragraph isn’t allowed inside an h3 in valid HTML, you’re not selecting anything inside the heading itself. If there were multiple h3 headings, any paragraph that follows any of them within the same parent would be selected. In short, the rule targets all p elements that are preceded by an h3 element.