Amazing Media: Web Advertising YOU Control!

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
Blocks Selectors Properties Quotes Lengths Values Inapplicable @-rules
Implied Grouping Inheritance Inherit !important Origin Weight
Specificity HTML specificity Order Case Escapes Comments Comments 2
Comment 3 (should load) SGML Url()s Absolute lengths Ems Exes

RichInStyle.com tests: HTML specificity

  1. This should not be in a monospaced font. Neither should it be very big (FONT {font-family: sans-serif; font-family: Helvetica; font-size: 16px} overrides FONT face and size specificity).

  2. This should not be right-aligned.

  3. This should be bold (font-weight: normal on DIV, but ancestor B element overriding it).
  4. However, this should be bold (font-weight: normal on DIV, but ancestor B element with explicit font-weight: bold overriding it).
  5. However, this should be italic (font-style: normal on DIV, but descendant I element overriding it).
  6. However, this should be bold (font-weight: normal on DIV, but descendant STRONG elementoverriding it).

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