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: adjacent siblings 2

Anonymous intervening content test

This tests that matching is done on a document tree basis.

  1. Not red. Not red. Red. (SPAN + I {color: red} with SPAN and I separated by anonymous content)

  2. Not red.Red. (SPAN + I {color: red} with SPAN and I not separated by anonymous content).

  3. Not red. Red. (SPAN + I {color: red} with SPAN and I separated by space).

  4. Not red
    Some intervening anonymous content that shouldn't be red.
    Red

  1. This should not be green.(#con P+P + P + P {color: green})

    This should not be green.(#con P+P + P + P {color: green})

    This should not be green.(#con P+P + P + P {color: green})

    This should be green.(#con P+P + P + P {color: green})

  1. This should not be green.(#cont P+P{color: green}), but the empty P should be ignored. If it is green, it demonstrates an HTML bug rather than a CSS one.

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