<?xml-stylesheet href="../../../style/xhtml-full.css" type="text/css"?>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Attribute space-separated value selector with declared namespace</title>
  <meta name="author" content="Daniel Glazman, Ian Hickson"/>
  <link rel="stylesheet" type="text/css" href="../../../style/xhtml-full.css"/> <!-- yes this means compliant UAs get to import this twice -->
  <style type="text/css"><![CDATA[@namespace a url(http://www.example.org/a);
@namespace b url(http://www.example.org/b);
@namespace html url(http://www.w3.org/1999/xhtml);
*|p, *|q, *|r, *|s { display : block ; margin-bottom : 1em }
*|p, *|r { background-color : red }
*|*[a|foo~="bar"], *|*[|class~="bar"] { background-color : lime }
*|*[html|class~="bar"] { background-color : red }
]]></style>
  <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
  <link rel="prev" href="css3-modsel-98b.xml" title="Attribute value selector with declared namespace"/>
  <link rel="next" href="css3-modsel-99b.xml" title="Attribute space-separated value selector with declared namespace"/>
  <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
  <link rel="up" href="./index.html"/>
  <link rel="top" href="../../../index.html"/>
 </head>
 <body>
  <table class="testDescription">
   <tr>
    <th class="b">CSS 3 Module</th> <!-- XXX hard coded to say CSS 3 -->
    <th class="c" colspan="2">
     <a href="css3-modsel-98b.xml" title="Attribute value selector with declared namespace">&lt;==</a>
     Test #
     <a href="css3-modsel-99b.xml" title="Attribute space-separated value selector with declared namespace">==&gt;</a>
    </th>
   </tr>
   <tr>
    <td class="b">W3C Selectors</td>
    <td class="c" colspan="2">140 of 296</td>
   </tr>
   <tr>
    <th class="b">Testing</th>
    <th class="a">Date</th>
    <th class="a">Revision</th>
   </tr>
   <tr>
    <td class="b">Attribute space-separated value selector with declared namespace (ID #99)</td>
    <td class="a">2003-06-22</td>
    <td class="a">1.2</td>
   </tr>
  </table>
  <p class="WARNING">NOTE: The UA must support namespaces for this test.</p>
  <div class="testSource">
   <div class="testText" xmlns:a="http://www.example.org/a" xmlns:b="http://www.example.org/b">
 <p class="t bar u">This paragraph should have a green background.</p>
 <q xmlns="http://www.example.org/a" a:foo="hgt bardot f">This paragraph should be unstyled.</q>
 <r xmlns="http://www.example.org/a" a:foo="hgt bar f">This paragraph should have a green background.</r>
 <s xmlns="http://www.example.org/b" b:foo="hgt bar f">This paragraph should be unstyled.</s>
</div>
   <pre class="rules">@namespace a url(http://www.example.org/a);
@namespace b url(http://www.example.org/b);
@namespace html url(http://www.w3.org/1999/xhtml);
*|p, *|q, *|r, *|s { display : block ; margin-bottom : 1em }
*|p, *|r { background-color : red }
*|*[a|foo~=&quot;bar&quot;], *|*[|class~=&quot;bar&quot;] { background-color : lime }
*|*[html|class~=&quot;bar&quot;] { background-color : red }
</pre>
   <pre class="rules">
 &lt;p class=&quot;t bar u&quot;&gt;This paragraph should have a green background.&lt;/p&gt;
 &lt;q xmlns=&quot;http://www.example.org/a&quot; a:foo=&quot;hgt bardot f&quot;&gt;This paragraph should be unstyled.&lt;/q&gt;
 &lt;r xmlns=&quot;http://www.example.org/a&quot; a:foo=&quot;hgt bar f&quot;&gt;This paragraph should have a green background.&lt;/r&gt;
 &lt;s xmlns=&quot;http://www.example.org/b&quot; b:foo=&quot;hgt bar f&quot;&gt;This paragraph should be unstyled.&lt;/s&gt;
</pre>
  </div>
 </body>
</html>