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>