| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Cascade: Ordering test with various import techniques</title> |
| <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> |
| <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/002.html"/> |
| <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/> |
| <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.6"/> |
| <!-- There seems to be no spec defining http-equiv="Link" behavior --> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import"/> |
| <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/> |
| <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> |
| <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> |
| <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> |
| <meta name="flags" content="http" /> |
| |
| <link rel="stylesheet" href="support/cascade-import-002j.css"/> |
| <style type="text/css"> |
| @import url(support/cascade-import-002k.css); |
| .l { color: green; } |
| .m { color: red; } |
| .n { color: red; } |
| .o { color: red; } |
| .p { color: red; } |
| .q { color: red; } |
| .r { color: red; } |
| </style> |
| <link rel="stylesheet" href="support/cascade-import-002p.css"/> |
| </head> |
| <body> |
| <div class="a"> This line should be green. (a) </div> |
| <div class="b"> This line should be green. (b) </div> |
| <div class="c"> This line should be green. (c) </div> |
| <div class="d"> This line should be green. (d) </div> |
| <div class="e"> This line should be green. (e) </div> |
| <div class="f"> This line should be green. (f) </div> |
| <div class="i"> This line should be green. (i) </div> |
| <div class="j"> This line should be green. (j) </div> |
| <div class="k"> This line should be green. (k) </div> |
| <div class="l"> This line should be green. (l) </div> |
| <div class="m"> This line should be green. (m) </div> |
| <div class="n"> This line should be green. (n) </div> |
| <div class="o"> This line should be green. (o) </div> |
| <div class="p"> This line should be green. (p) </div> |
| <!-- |
| The cascade is as follows: |
| HTTP Link: header |
| @import |
| a Rule |
| @import |
| @import |
| b Rule |
| c Rule |
| d Rule |
| HTTP Link: header |
| @import |
| e Rule |
| f Rule |
| <link rel="stylesheet"> |
| @import |
| i Rule |
| j Rule |
| <style type="text/css"> |
| @import |
| k Rule |
| l Rule |
| <link rel="stylesheet"> |
| @import |
| @import |
| @import |
| m Rule |
| @import |
| n Rule |
| o Rule |
| p Rule |
| --> |
| |
| |
| </body> |
| </html> |