Illustration of pseudo-classes and pseudo-elements

This paragraph is here to illustrate the first-line and first-letter pseudo-elements. Notice that the first line changes if the window is resized because the text is wrapped at different spots. The paragraphs below have explicit breaks, so the wrap dowsn't change (unless the text is very large and the window very small).

Some links

This first section
illustrates the :link, :visited, :hover, and :active pseudo-classes.
Course syllabus for CS 483/583 | Old Course syllabus for CS 181

Some lists

This second section
illustrates the :first-child pseudo-class

It also illustrates that the :active pseudo-class can be used with other elements besides anchors, in this case, list items.

• First item
• Second item
• Third item

1. One
2. Two
3. Three