third_party/WebKit/LayoutTests/fast/css/case-sensitive-003.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>CSS Test: Case-sensitivity of pseudo-classes and pseudo-elements</title>
   5   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/"/>
   6   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
   7   <meta name="assert" content="Pseudo-class and pseudo-element names are ASCII
   8         case-insensitive."/>
   9   <style type="text/css">
  10     * { color: red; }
  11     *:before, *:after { color: red; }
  12
  13     p:FiRSt-cHIlD {
  14       color: green;
  15     }
  16
  17     :LinK, :viSiTed {
  18       color: green;
  19       text-decoration: none;
  20       font: inherit;
  21     }
  22
  23     :lAnG(en) {
  24       color: green;
  25     }
  26
  27     .flin {
  28       white-space: nowrap;
  29     }
  30     .flin:fIrsT-LinE {
  31       color: green;
  32     }
  33
  34     .flet span {
  35       color: green;
  36     }
  37     .flet:fIRst-LEttEr {
  38       color: green;
  39     }
  40
  41     .bef:before, .af:after {
  42       content: "This sentence must be green.";
  43     }
  44     .bef:BeFoRe, .af:aFtEr {
  45       color: green;
  46     }
  47
  48     /* test for ASCII (not UNICODE) case-insensitivity */
  49     p:fİrst-child {
  50       color: red;
  51     }
  52     p:fırst-child {
  53       color: red;
  54     }
  55     :lin&#x212a; {
  56       color: red;
  57     }
  58   </style>
  59
  60  </head>
  61  <body>
  62    <p>This sentence must be green.</p>
  63    <p><a href="">This sentence must be green.</a></p>
  64    <p><a href="unvisited:link">This sentence must be green.</a></p>
  65    <p lang="en">This sentence must be green.</p>
  66    <p class="flin">This sentence must be green.</p>
  67    <p class="flet">T<span>his sentence must be green.</span></p>
  68    <p class="bef"></p>
  69    <p class="af"></p>
  70  </body>
  71 </html>