Adjacent Selector Demo

This page demonstrates the following rule which should make the any P tag immediately following an H2 tag red:

h2 + p { color: red }

Note that the last paragraph below is not red, because there is an H3 tag between it and the last H2 tag.

Use your browser's View Source option to see the full source code.

Close

Level 1 Header

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Bold bold bold italic italic italic bold bold bold bold bold. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Level 2 Header

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Italic italic italic italic italic italic italic italic italic. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Bold bold bold bold bold bold bold bold bold bold bold bold bold bold. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Level 3 Header

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Italic italic italic italic italic italic italic italic italic. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Level 2 Header

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Bold bold bold bold bold bold bold bold bold bold bold bold bold bold. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Italic italic italic italic bold bold bold italic italic italic italic italic italic italic italic italic italic italic italic italic. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Level 2 Header

Level 3 Header

Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.