How would you change the color of a paragraph that immediately follows a heading?

Difficulty: 3/10

CSS sibling selectors, HTML structure dependency, specificity and inheritance

Using the Adjacent Sibling Combinator

To change the style of a paragraph that immediately follows a heading, you can use the adjacent sibling combinator (+). This targets only the first element directly after the specified element.

Key Points

1
Syntax: h1 + p selects the first <p> that immediately follows an <h1>.
2
Only the next sibling is targeted; other paragraphs or siblings are not affected.
3
Useful for styling content that follows headings consistently without adding extra classes.

Example: Adjacent Sibling Combinator

Scenario Questions

0-2 years experience

Follow-up Questions