c71-fwd-parsing-002.xht (2531B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Forward-Compatible Parsing</title> 5 <meta name="flags" content="invalid" /> 6 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#forward-compatible-parsing"/> 7 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> 8 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 9 <link rel="match" href="c71-fwd-parsing-002-ref.xht" /> 10 11 <style type="text/css"><![CDATA[ 12 body { color: green; } 13 h1 + p.three {color: red;} 14 p.four + h1 {color: red;} 15 p.five {background-color: "red";} 16 @three-dee { 17 @background-lighting { 18 azimuth: 30deg; 19 elevation: 190deg; 20 } 21 p.seven { color: red } 22 } 23 ol:wait {color:red;} 24 p.ten:first-child {color: red;} 25 ul:lang(fr) {color:red;} 26 blockquote[href] {color: red;} 27 acronym[href="foo"] {color: red;} 28 address[href~="foo"] {color: red;} 29 span[lang|="fr"] {color: #f00;} 30 @media tty { 31 h1 {color: red;} 32 p.sixteen {color: red;} 33 } 34 @three-dee { 35 p.seventeen {color: red } 36 } 37 // UL.nineteenb, 38 p.nineteenb {color: red;} 39 p.twentythree {text-indent: 0.5in;} 40 color: red 41 p.twentyfour {color: red;} 42 ]]></style> 43 <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors"/> 44 </head> 45 <body> 46 <p class="three"> 47 This sentence should be green. 48 </p> 49 <p class="four"> 50 This sentence should be green. 51 </p> 52 <p class="five"> 53 This sentence should be green. 54 </p> 55 <p class="seven"> This sentence should be green. </p> 56 <ol> 57 <li> This sentence should be green. </li> 58 </ol> 59 <p class="ten"> This sentence should be green. </p> 60 <ul> 61 <li> This sentence should be green. </li> 62 </ul> 63 <blockquote> 64 <p> This sentence should be green. </p> 65 </blockquote> 66 <p> 67 <acronym> This sentence should be green. </acronym> 68 </p> 69 <address> 70 This sentence should be green. 71 </address> 72 <p> 73 <span>This sentence should be green.</span> 74 </p> 75 <p class="sixteen"> 76 This sentence should be green. 77 </p> 78 <p class="seventeen"> 79 This sentence should be green. 80 </p> 81 <p class="nineteenb"> 82 This sentence should be green. 83 </p> 84 <p class="twentythree"> 85 This sentence should be green. 86 </p> 87 <p class="twentyfour"> 88 This sentence should be green. 89 </p> 90 </body> 91 </html>