Reviewed by Darin.
[WebKit-https.git] / LayoutTests / css1 / cascade / cascade_order.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
2 <HTML>
3 <HEAD>
4 <TITLE>CSS1 Test Suite: 3.2 Cascading Order</TITLE>
5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6 <META http-equiv="Content-Style-Type" content="text/css">
7
8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
9 <LINK rel="stylesheet" type="text/css" HREF="../resources/linktest.css">
10 <STYLE type="text/css">
11 LI {color: purple;}
12 UL LI {color: blue;}
13 UL LI LI {color: gray;}
14 LI.red {color: green;}
15 UL LI.mar {color: #660000;}
16 UL LI#gre {color: green;}
17 .test {color: blue;}
18 .test {color: purple;}
19 .one {text-decoration: line-through;}
20 </STYLE>
21
22 </HEAD>
23
24 <BODY><P>The style declarations which apply to the text below are:</P>
25 <PRE>&lt;LINK rel="stylesheet" type="text/css" HREF="../resources/linktest.css"&gt;
26 LI {color: purple;}
27 UL LI {color: blue;}
28 UL LI LI {color: gray;}
29 LI.red {color: green;}
30 UL LI.mar {color: #660000;}
31 UL LI#gre {color: green;}
32 .test {color: blue;}
33 .test {color: purple;}
34 .one {text-decoration: line-through;}
35
36 </PRE>
37 <HR>
38 <UL>
39 <LI>This list item should be blue...
40 <LI>...and so should this; neither should be purple.
41 <UL>
42 <LI>This list item should be gray...
43 <LI>...as should this....
44 <LI class="red">...but this one should be green.
45 </UL>
46 <LI class="mar">This ought to be dark red...
47 <LI ID="gre">...this green...
48 <LI>...and this blue.
49 </UL>
50
51 <P style="color: blue;">
52 This sentence should be blue (STYLE attr.).
53 </P>
54 <P class="test">
55 This sentence should be purple [<CODE>class="test"</CODE>].
56 </P>
57 <P class="one">
58 This text should be stricken (overriding the imported underline; only works if LINKed sheets are supported).
59 </P>
60
61
62 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
63 <TR>
64 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
65 </TR>
66 <TR>
67 <TD bgcolor="silver">&nbsp;</TD>
68 <TD><UL>
69 <LI>This list item should be blue...
70 <LI>...and so should this; neither should be purple.
71 <UL>
72 <LI>This list item should be gray...
73 <LI>...as should this....
74 <LI class="red">...but this one should be green.
75 </UL>
76 <LI class="mar">This ought to be dark red...
77 <LI ID="gre">...this green...
78 <LI>...and this blue.
79 </UL>
80
81 <P style="color: blue;">
82 This sentence should be blue (STYLE attr.).
83 </P>
84 <P class="test">
85 This sentence should be purple [<CODE>class="test"</CODE>].
86 </P>
87 <P class="one">
88 This text should be stricken (overriding the imported underline; only works if LINKed sheets are supported).
89 </P>
90 </TD></TR></TABLE></BODY>
91 </HTML>