Reviewed by Darin.
[WebKit-https.git] / LayoutTests / css1 / cascade / important.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.1 important</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 <STYLE type="text/css">
10 P {color: green ! important;}
11 P {color: red;}
12 P#id1 {color: purple;}
13 </STYLE>
14
15 </HEAD>
16
17 <BODY><P>The style declarations which apply to the text below are:</P>
18 <PRE>P {color: green ! important;}
19 P {color: red;}
20 P#id1 {color: purple;}
21
22 </PRE>
23 <HR>
24 <P>
25 This sentence should be green, because the declaration marked important should override any other normal declaration for the same element, even if it occurs later in the stylesheet.
26 </P>
27 <P ID="id1">
28 This sentence should also be green, even though it has an ID of <TT>id1</TT>, which would ordinarily make it purple.  This is because declarations marked important have more weight than normal declarations given in a STYLE attribute.
29 </P>
30 <P style="color: red;">
31 This sentence should also be green, even though it has a STYLE attribute declaring it to be red.  This is because declarations marked important have more weight than normal declarations given in a STYLE attribute.
32 </P>
33
34
35 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
36 <TR>
37 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
38 </TR>
39 <TR>
40 <TD bgcolor="silver">&nbsp;</TD>
41 <TD><P>
42 This sentence should be green, because the declaration marked important should override any other normal declaration for the same element, even if it occurs later in the stylesheet.
43 </P>
44 <P ID="id1">
45 This sentence should also be green, even though it has an ID of <TT>id1</TT>, which would ordinarily make it purple.  This is because declarations marked important have more weight than normal declarations given in a STYLE attribute.
46 </P>
47 <P style="color: red;">
48 This sentence should also be green, even though it has a STYLE attribute declaring it to be red.  This is because declarations marked important have more weight than normal declarations given in a STYLE attribute.
49 </P>
50 </TD></TR></TABLE></BODY>
51 </HTML>