Pseudo-element Selector Demo

This page demonstrates the following rule which adds left and right brackets around the contents of a BLOCKQUOTE:

blockquote div:before { content: "[" }
blockquote div:after  { content: "]" }

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.