third_party/WebKit/LayoutTests/css1/basic/class_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.4 Class 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 body {overflow: hidden;}
  11 .one {color: green;}
  12 .1 {color: red;}
  13 .a1 {color: green;}
  14 P.two {color: purple;}</STYLE>
  15
  16 </HEAD>
  17
  18 <BODY><P>The style declarations which apply to the text below are:</P>
  19 <PRE>.one {color: green;}
  20 .1 {color: red;}
  21 .a1 {color: green;}
  22 P.two {color: purple;}
  23 </PRE>
  24 <HR>
  25 <P class="one">
  26 This sentence should be green.
  27 </P>
  28 <P class="1">
  29 This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
  30 </P>
  31 <P class="a1">
  32 This sentence should be green.
  33 </P>
  34 <P class="two">
  35 This sentence should be purple.
  36 </P>
  37 <PRE class="two">This sentence should NOT be purple.
  38 </PRE>
  39 <UL>
  40 <LI class="two">This sentence should NOT be purple.
  41 </UL>
  42
  43
  44 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  45 <TR>
  46 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  47 </TR>
  48 <TR>
  49 <TD bgcolor="silver">&nbsp;</TD>
  50 <TD><P class="one">
  51 This sentence should be green.
  52 </P>
  53 <P class="1">
  54 This sentence should be black, not red-- class selectors cannot begin with digits in CSS1.
  55 </P>
  56 <P class="a1">
  57 This sentence should be green.
  58 </P>
  59 <P class="two">
  60 This sentence should be purple.
  61 </P>
  62 <PRE class="two">This sentence should NOT be purple.
  63 </PRE>
  64 <UL>
  65 <LI class="two">This sentence should NOT be purple.
  66 </UL>
  67 </TD></TR></TABLE></BODY>
  68 </HTML>