RichInStyle.com
 Tutorials Bugs Masterclass Free stuff Test pages Proposals

Core tests
Attaching style Applying style Key concepts Color and background Fonts Text Lists Box model

Advanced tests
Positioning Boxes Generated content Dynamic effects Tables Paged media @font-face Aural styles Language styles

This test
ID ID grouping ID validity CLASSes Class grouping CLASS validity
Multiple CLASSes Multiple CLASSes 2 Case Universal Attribute Type
Contains Dash match Links Dynamic Dynamic 2 Combinations :first-child
:first-letter :first-line Descendants Children Adjacent Adjacent 2

RichInStyle.com tests: link pseudos

This has A:link {color: green; font-size: 10px} A:visited {color: #f0f}

Should be green Should be black Should be purple
Should be normal size 1. Plain A. 2. local href - visited by definition
3. this page
4. JavaScript function that has previously been run (if you have scripting enabled/supported)
Should be 10 pixels 5. Unvisited link.
  1. This should not be red (:link:link {color: red})
  2. This has :link {color: red} A {color: blue}. However, it should be red rather than blue, because :link has greater specificity.

  3. This has :link {background: yellow}. However, it also has a subsequent .class {background: white}, which, being of equal specificity but later, will override it.

Copyright © RichInStyle.com 2000; all rights reserved. See copyright document for terms of use. Please visit Bukit Lawang flood appeal.