<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>Namespaced attribute selectors</title>
  <style type="text/css"><![CDATA[
 tests, tests * { display: block; color: red; }
 testA[*|attribute] { color: green; }
 testB[*|attribute="pass"] { color: green; }
 testC[*|attribute~="pass"] { color: green; }
 testD[*|attribute^="pass"] { color: green; }
 testE[*|attribute*="pass"] { color: green; }
 testF[*|attribute$="pass"] { color: green; }
 testG[*|attribute|="pass"] { color: green; }
]]></style>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found -->
  <link rel="match" href="reference/seven-green-divs.xht"/>
  <meta name="flags" content=" namespace" />
 </head>
 <body>
  <tests xmlns="http://css.example.net/" xmlns:test="http://css.example.net/">
   <testA test:attribute="pass">This should be green.</testA>
   <testB test:attribute="pass">This should be green.</testB>
   <testC test:attribute="pass">This should be green.</testC>
   <testD test:attribute="pass">This should be green.</testD>
   <testE test:attribute="pass">This should be green.</testE>
   <testF test:attribute="pass">This should be green.</testF>
   <testG test:attribute="pass">This should be green.</testG>
  </tests>
</body>
</html>