third_party/WebKit/LayoutTests/css3/selectors3/xhtml/css3-modsel-d3.xml

   1 <html xmlns="http://www.w3.org/1999/xhtml">
   2  <head>
   3   <title>Dynamic handling of attribute selectors</title>
   4   <style type="text/css"><![CDATA[
   5    [test] { background: red; display: block; padding: 1em; }
   6    stub ~ [|attribute^=start]:not([|attribute~=mid])[|attribute*=dle][|attribute$=end] ~ t { background: lime; }
   7 ]]></style>
   8   <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
   9   <link rel="prev" href="css3-modsel-d2.xml" title="Dynamic handling of combinators"/>
  10   <link rel="next" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
  11   <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
  12   <link rel="up" href="./index.html"/>
  13   <link rel="top" href="../../index.html"/>
  14  </head>
  15  <body>
  16
  17  <div>
  18
  19   <script type="text/javascript">
  20    <![CDATA[
  21
  22     function test() {
  23       document.getElementsByTagNameNS('', 't')[1].setAttributeNS('', 'attribute', 'start middle end');
  24     }
  25
  26     window.onload = test;
  27    ]]>
  28   </script>
  29
  30   <p> The following block should be green. </p>
  31
  32   <!-- root of selector -->
  33   <stub xmlns=""></stub>
  34
  35   <!-- middle part of selector does not match this -->
  36   <t xmlns="" attribute="fake"></t>
  37
  38   <!-- middle part of selector matches this once attribute is fixed -->
  39   <t xmlns="" attribute="start mid dle end"></t>
  40
  41   <!-- subject of selector -->
  42   <t xmlns="" test="test"></t>
  43
  44  </div>
  45
  46 </body>
  47 </html>