Revised layout tests after the <hr> changes.
[WebKit-https.git] / LayoutTests / css1 / basic / containment.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 1.1 Containment in HTML</title>
2
3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
4 <meta http-equiv="Content-Style-Type" content="text/css">
5
6 <link rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
7 <link rel="stylesheet" type="text/css" href="../resources/linktest.css" title="Default SS">
8 <link rel="alternate stylesheet" type="text/css" href="../resources/linktest2.css" title="Alternate SS">
9 <style type="text/css">
10 @import url(../resources/imptest1.css);
11 @import "../resources/imptest1a.css";
12 UL {color: red;}
13 .four {color: purple;}
14 @import url(../resources/imptest2.css);
15 <!--
16 P.six {color: green;}
17 --></style></head>
18
19 <body><p>The style declarations which apply to the text below are:</p>
20 <pre>&lt;LINK rel="stylesheet" type="text/css" href="linktest.css" title="Default SS"&gt;
21 &lt;LINK rel="alternate stylesheet" type="text/css" href="linktest2.css" title="Alternate SS"&gt;
22 @import url(imptest1.css);
23 @import "imptest1a.css";
24 UL {color: red;}
25 .four {color: purple;}
26 @import url(imptest2.css);
27 &lt;!--
28 P.six {color: green;}
29 --&gt;
30 </pre>
31 <hr>
32 <p class="one">
33 This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
34 </p>
35 <p class="two">
36 This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
37 </p>
38 <ul>
39 <li class="three">
40 This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
41 </li>
42 <li class="threea">
43 This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
44 </li>
45 <li style="color: green;">
46 This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
47 </li>
48 </ul>
49 <p class="four">
50 This sentence should be purple, and it doesn't have a terminating paragraph tag.
51 </p><ol>
52 <li>This list should NOT be purple.
53 </li><li>It should, instead, be black.
54 </li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
55 </li></ol>
56 <p class="five">
57 This sentence should be black.  If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
58 </p>
59 <p class="six">
60 This paragraph should be green.
61 </p>
62
63
64 <table border="1" cellspacing="0" cellpadding="3" class="tabletest">
65 <tbody><tr>
66 <td colspan="2" bgcolor="silver"><strong>TABLE Testing Section</strong></td>
67 </tr>
68 <tr>
69 <td bgcolor="silver"> </td>
70 <td><p class="one">
71 This sentence should be underlined due to the linked style sheet <code>linktest.css</code>, the reference to which is shown above.
72 </p>
73 <p class="two">
74 This sentence should NOT be underlined due to the linked style sheet <code>linktest2.css</code>, <strong>unless</strong> the external style sheet "Alternate SS" has been selected via the user agent.
75 </p>
76 <ul>
77 <li class="three">
78 This sentence should be green due to an imported style sheet [<code>@import url(imptest1.css);</code>].
79 </li>
80 <li class="threea">
81 This sentence should be purple due to an imported style sheet [<code>@import "imptest1a.css"</code>].
82 </li>
83 <li style="color: green;">
84 This sentence should be green thanks to the STYLE attribute [<code>STYLE="color: green;"</code>].
85 </li>
86 </ul>
87 <p class="four">
88 This sentence should be purple, and it doesn't have a terminating paragraph tag.
89 </p><ol>
90 <li>This list should NOT be purple.
91 </li><li>It should, instead, be black.
92 </li><li>If it IS purple, then the browser hasn't correctly parsed the preceding paragraph.
93 </li></ol>
94 <p class="five">
95 This sentence should be black.  If it is red, then the browser has inappropriately imported the styles from the file <tt>imptest2.css</tt> (see <a href="http://www.w3.org/TR/REC-CSS1#the-cascade">section 3.0</a> of the CSS1 specification for more details).
96 </p>
97 <p class="six">
98 This paragraph should be green.
99 </p>
100 </td></tr></tbody></table></body></html>