Pseudo Classes - 1

If you have any comments to make regarding this test, e-mail ian@hixie.ch.

Prerequisites
Browsers that are subjected to this test should support CSS1 and the CSS2 pesudo classes.

1. Simple Tests

First, the most basic tests of :hover, :active and :focus.

Hover over this text. It should go bold.

Hover over the coloured area to the right. It should change colour:

Make this text active (eg, click on it). It should go bold while you are clicking on it.

Make the coloured area to the right active (eg, click on it). It should change colour:

(Focus means that it is accepting keyboard input, so you will probably have to tab to the button).

2. Are They Interpreted Correctly With Links?

3. Unatached Psuedo Classes

The following section has had only three simple rules applied, one for :hover, one for :active, and one for :focus. Because these apply to all matching elements, all the elements below should show the same behaviour.

This section is incomplete. Stand by...

4. Inheritance, The Tree, The Geometrics

This section is incomplete. Stand by...

When you hover over the last word in this sentence, it should grow to be the same size as the word "Control" following it. Control.

Here is a mini version of the same test: 0 1 2 3 4 5 6 7 8 =8

5. The true, interesting tests

This section is incomplete. Stand by...

[TEST ELEMENT]
Previous element's state:

Up to the Evil Tests Page.

Last updated in May 1999.