c71-fwd-parsing-002

Forward-Compatible Parsing

WeasyPrint

This browser

Flags
invalid

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 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   <style type="text/css">
10    body { color: green; }
11    h1 + p.three {color: red;}
12    p.four + h1 {color: red;}
13    p.five {background-color: "red";}
14    @three-dee {
15     @background-lighting {
16      azimuth: 30deg;
17      elevation: 190deg;
18      }
19     p.seven { color: red }
20     }
21    ol:wait {color:red;}
22    p.ten:first-child {color: red;}
23    ul:lang(fr) {color:red;}
24    blockquote[href] {color: red;}
25    acronym[href="foo"] {color: red;}
26    address[href~="foo"] {color: red;}
27    span[lang|="fr"] {color: #f00;}
28    @media tty {
29     h1 {color: red;}
30     p.sixteen {color: red;}
31     }
32    @three-dee {
33     p.seventeen {color: red }
34     }
35    // UL.nineteenb,
36    p.nineteenb {color: red;}
37    p.twentythree {text-indent: 0.5in;}
38     color: red
39    p.twentyfour {color: red;}
40   </style>
41   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" title="4.2 Rules for handling parsing errors">
42  </head>
43  <body>
44   <p class="three">
45    This line should be green.
46   </p>
47   <p class="four">
48    This line should be green.
49   </p>
50   <p class="five">
51    This line should be green.
52   </p>
53   <p class="seven"> This line should be green. </p>
54   <ol>
55    <li> This line should be green. </li>
56   </ol>
57   <p class="ten"> This line should be green. </p>
58   <ul>
59    <li> This line should be green. </li>
60   </ul>
61   <blockquote>
62    <p> This line should be green. </p>
63   </blockquote>
64   <p>
65    <acronym> This line should be green. </acronym>
66   </p>
67   <address>
68    This line should be green.
69   </address>
70   <p>
71    <span>This line should be green.</span>
72   </p>
73   <p class="sixteen">
74    This line should be green.
75   </p>
76   <p class="seventeen">
77    This line should be green.
78   </p>
79   <p class="nineteenb">
80    This line should be green.
81   </p>
82   <p class="twentythree">
83    This line should be green.
84   </p>
85   <p class="twentyfour">
86    This line should be green.
87   </p>
88  </body>
89 </html>