<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <title>Class selectors in an XML namespace</title>
  <link rel="author" href="mailto:masonf@chromium.org" />
  <link rel="help" href="https://dom.spec.whatwg.org/#dom-element-classname" />
  <link rel="help" href="https://crbug.com/649444" />
  <link rel="match" href="xml-class-selector-ref.xml" />
  <body>
    <p>The .class selector should work in any namespace. Both boxes should be green.</p>
    <Boxes xmlns="http://foo">
      <box class="green">.classname selector</box>
      <box class="green2">*[class~="classname"] selector</box>
    </boxes>

    <style>
      box {background:red;}
      .green {background: green;}
      *[class~="green2"] {background: green;}
    </style>
  </body>
</html>