The style declaration applied in each following case is: {font-weight: bold; color: green; background: silver none;}.
1. Inline style (style
attribute).
2. Linked stylesheet (link
element).
3. Linked stylesheet with media attribute set to all
.
4. Linked stylesheet with media attribute set to screen
.
5. Linked stylesheet with media attribute set to screen, projection
.
6. Stylesheet imported by linked stylesheet.
7. Embedded stylesheet (style
element).
8. Stylesheet imported by embedded stylesheet.
9. Linked stylesheet in another folder (link
element).
10. Linked stylesheet in another folder with media attribute set to all
.
11. Linked stylesheet in another folder with media attribute set to screen
.
12. Linked stylesheet in another folder with media attribute set to screen, projection
.
13. Stylesheet in another folder imported by linked stylesheet in that same other folder.
14. Stylesheet in another folder imported by embedded stylesheet.
15. Last linked stylesheet (link
element).
16. Stylesheet imported by last linked stylesheet.
17. Stylesheet in another folder imported by last linked stylesheet.
18. Stylesheet in another folder imported by stylesheet in that same folder imported by last linked stylesheet in this folder.
NOTE: The following should be red only if the browser is displaying the results on a tty. Normally, these should be uncoloured (not green). Note, though, that results for numbers 19 and 20 are irrelevant if any of the tests 1 to 18 are either uncolored or red.
19. Linked stylesheet with media attribute set to tty
.
20. Linked stylesheet in another folder with media attribute set to tty
.