If you have any comments to make regarding this test, e-mail ian@hixie.ch.
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).
In the following paragraphs, the first phrase should be rendered as it describes (so if the first phrase on the line is "green", then it should be green).:
Green. This is an unvisited link (don't visit it, it goes nowhere).
Green. This is a visited link (it points to this page).
Green when hovered. This is an unvisited link (don't visit it, it goes nowhere).
Green when hovered. This is a visited link (it points to this page).
Green when active. This is an unvisited link. Since you have to visit that one, here are some others: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13.
Green when active. This is a visited link (it points to this page).
Green. This is an anchor.
Green when hovered, navy otherwise. This is an anchor. Frequently abused behaviour!
Green when active, navy otherwise. This is an anchor (to make it active, click it).
Green when hovered, navy otherwise. This is an anchor. This should also go green when hovered. However this should not.
Green when active, navy otherwise. This is an anchor (to make it active, click it). This should also go green when active. However this should not.
Unstyled. This is an anchor.
Unstyled. This is an anchor.
Unstyled even when hovered. This is an anchor.
Unstyled even when hovered. This is an anchor.
Unstyled even when active. This is an anchor.
Unstyled even when active. This is an anchor.
Unstyled. This is an anchor.
Unstyled. This is an anchor.
Unstyled even when hovered. This is an anchor.
Unstyled even when hovered. This is an anchor.
Unstyled even when active. This is an anchor.
Unstyled even when active. This is an anchor.
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...
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
This section is incomplete. Stand by...
Last updated in May 1999.