Pseudo-element and pseudo-class tests

This tests some cases of the statement in CSS2 section 5.3 that

If the universal selector is not the only component of a simple selector, the "*" may be omitted.

and the statement in section 5.10 that

Pseudo-classes are allowed anywhere in selectors while pseudo-elements may only appear after the subject of the selector.

Nothing in this paragraph should be red, whether it is on the first line or not. This is because pseudo-elements are only valid when attached to the subject of the selector.

The first line of this next should not be purple. It should be the normal color.

The first line of this paragraph should be purple.

The first line of this paragraph should be purple. There should be nothing at all unusual about these words. Specifically, they should not be red, and their first letter should not be larger. This is because :first-letter and :first-line only apply to block-level elements.

The links in this unordered list should be green on a yellow background.
Yahoo
W3C

The links in this ordered list should be blue on a yellow background.
Yahoo
W3C

Any emphasized text in a link within this blockquote should be red on a green background. This is a link to the web standards project with emphasized text within it.

Every element within this div, such as the word div earlier in this sentence (but NOT this paragraph) should begin with the words "Beginning of an Element" in navy on a yellow background.

This paragraph should begin with those words.

Both this list and this list item should begin with those words, so you should see them at the beginning of this list item (after the bullet) and alone on the line above it.
They should start this list item too.

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org