Pseudo-element Selector Demo

This page demonstrates the following rule which should make the first line of text in any BLOCKQUOTE red:

blockquote div:first-line { color: red }

Note that the two BLOCKQUOTE elements below contain the same exact text, but one is half the width of the other.

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

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. Paragraph paragraph paragraph paragraph paragraph paragraph paragraph.

Blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote.

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.

Blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote.

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.