<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>NEGATED type element selector with universal namespace</title>
  <style type="text/css"><![CDATA[@namespace html url(http://www.w3.org/1999/xhtml);
@namespace a url(http://www.example.org/a);
@namespace b url(http://www.example.org/b);
div.test *:not(*|div) { display : block ; margin-bottom : 1em ;
                            background-color : red }
div.test > *:not(*|p):not(*|div) { background-color : lime }
div.stub > *:not(*|div) { background-color : lime }
]]></style>
  <link rel="author" title="Daniel Glazman" href="http://glazman.org/"/>
  <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 -->
  <meta name="flags" content=" namespace" />
  <script src="/resources/testharness.js"></script>
  <script src="/resources/testharnessreport.js"></script>
  <script src="common.js"></script>
 </head>
 <body>
<div class="test">
<div class="stub">
<p id="t1">This paragraph should have a green background.</p>
<p id="t2" xmlns="http://www.example.org/b">This paragraph should have a green background.</p>
<p id="t3" xmlns="">This paragraph should have a green background.</p>
<p id="t4" xmlns="http://www.example.org/a">This paragraph should have a green background.</p>
</div>
<address id="t5">This address should have a green background.</address>
<s id="t6" xmlns="http://www.example.org/b">This paragraph should have a green background.</s>
<t id="t7" xmlns="">This paragraph should have a green background.</t>
<u id="t8" xmlns="http://www.example.org/a">This paragraph should have a green background.</u>
</div>
<script><![CDATA[
test(function() {
  for (let i = 1; i <= 8; ++i) {
    assert_background_color(`t${i}`, LIME);
  }
}, 'NEGATED type element selector with universal namespace');
]]></script>
</body>
</html>
