cascade-import-002.xht (2852B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Cascade: Ordering test with various import techniques</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/cascade/import/002.html"/> 7 <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.3"/> 8 <link rel="help" href="http://www.w3.org/TR/html4/present/styles.html#h-14.6"/> 9 <!-- There seems to be no spec defining http-equiv="Link" behavior --> 10 <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#at-import"/> 11 <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#at-import"/> 12 <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#at-import"/> 13 <link rel="help" href="http://www.w3.org/TR/CSS21/cascade.html#cascading-order"/> 14 <link rel="help" href="http://www.w3.org/TR/css-cascade-3/#cascading"/> 15 <link rel="help" href="http://www.w3.org/TR/css-cascade-4/#cascading"/> 16 <meta name="flags" content="http" /> 17 18 <link rel="stylesheet" href="support/cascade-import-002j.css"/> 19 <style type="text/css"> 20 @import url(support/cascade-import-002k.css); 21 .l { color: green; } 22 .m { color: red; } 23 .n { color: red; } 24 .o { color: red; } 25 .p { color: red; } 26 .q { color: red; } 27 .r { color: red; } 28 </style> 29 <link rel="stylesheet" href="support/cascade-import-002p.css"/> 30 </head> 31 <body> 32 <div class="a"> This line should be green. (a) </div> 33 <div class="b"> This line should be green. (b) </div> 34 <div class="c"> This line should be green. (c) </div> 35 <div class="d"> This line should be green. (d) </div> 36 <div class="e"> This line should be green. (e) </div> 37 <div class="f"> This line should be green. (f) </div> 38 <div class="i"> This line should be green. (i) </div> 39 <div class="j"> This line should be green. (j) </div> 40 <div class="k"> This line should be green. (k) </div> 41 <div class="l"> This line should be green. (l) </div> 42 <div class="m"> This line should be green. (m) </div> 43 <div class="n"> This line should be green. (n) </div> 44 <div class="o"> This line should be green. (o) </div> 45 <div class="p"> This line should be green. (p) </div> 46 <!-- 47 The cascade is as follows: 48 HTTP Link: header 49 @import 50 a Rule 51 @import 52 @import 53 b Rule 54 c Rule 55 d Rule 56 HTTP Link: header 57 @import 58 e Rule 59 f Rule 60 <link rel="stylesheet"> 61 @import 62 i Rule 63 j Rule 64 <style type="text/css"> 65 @import 66 k Rule 67 l Rule 68 <link rel="stylesheet"> 69 @import 70 @import 71 @import 72 m Rule 73 @import 74 n Rule 75 o Rule 76 p Rule 77 --> 78 79 80 </body> 81 </html>