Child Selector Demo

This page demonstrates the following rule which should make any I tags whose parent is a P tag red:

p > i { color: red }

For example,

<!-- red -->

<p><i>text</i></p>
<p><i><b>text</b></i></p>

<!-- not red, parent is a B tag -->

<p><b><i>text</i></b></p>

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

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.