LayoutTests/css1/basic/id_as_selector.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: 1.5 ID as selector</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 #one {color: green;}
  11 #a1 {color: green;}
  12 P#two, P#two2 {color: blue;}
  13 P#three, P#three2 {color: purple;}
  14 #four {color: green;}
  15 #a2 {color: green;}
  16 P#five, P#five2 {color: blue;}
  17 P#six, P#six2 {color: purple;}</STYLE>
  18
  19 </HEAD>
  20
  21 <BODY><P>The style declarations which apply to the text below are:</P>
  22 <PRE>#one {color: green;}
  23 #a1 {color: green;}
  24 P#two, P#two2 {color: blue;}
  25 P#three, P#three2 {color: purple;}
  26 #four {color: green;}
  27 #a2 {color: green;}
  28 P#five, P#five2 {color: blue;}
  29 P#six, P#six2 {color: purple;}</PRE>
  30 <HR>
  31 <P ID="one">
  32 This sentence should be green.
  33 </P>
  34 <P ID="a1">
  35 This sentence should be green.
  36 </P>
  37 <P ID="two">
  38 This paragraph should be blue [<TT>ID="two"</TT>].
  39 </P>
  40 <PRE ID="two2">This sentence should NOT be blue [PRE ID="two2"].
  41 </PRE>
  42 <PRE ID="three">This sentence should be black, not purple [PRE ID="three"].
  43 </PRE>
  44 <UL>
  45 <LI ID="three2">This sentence should NOT be purple.
  46 </UL>
  47
  48
  49 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  50 <TR>
  51 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  52 </TR>
  53 <TR>
  54 <TD bgcolor="silver">&nbsp;</TD>
  55 <TD><P ID="four">
  56 This sentence should be green.
  57 </P>
  58 <P ID="a2">
  59 This sentence should be green.
  60 </P>
  61 <P ID="five">
  62 This paragraph should be blue [<TT>ID="five"</TT>].
  63 </P>
  64 <PRE ID="five2">This sentence should NOT be blue [PRE ID="five2"].
  65 </PRE>
  66 <PRE ID="six">This sentence should be black [PRE ID="six"].
  67 </PRE>
  68 <UL>
  69 <LI ID="six2">This sentence should NOT be purple.
  70 </UL>
  71 </TD></TR></TABLE></BODY>
  72 </HTML>