CSS Pseudo-Elements

Before Pseudo-Element

The ::before pseudo-element adds content before an element.

After Pseudo-Element

The ::after pseudo-element adds content after an element.

First Letter

This paragraph demonstrates the ::first-letter pseudo-element.

First Line

This is the first line of this paragraph. The first line is styled using the ::first-line pseudo-element. The remaining text uses the normal style.

Selection

Select this text with your mouse to see the selection effect.