<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-65.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>NEGATED :focus pseudo-class</title>
 <author>Daniel Glazman</author>
 <metadata>
  <item> <name>CSS 3 Module</name> <data>W3C Selectors</data> </item>
  <item> <name>Next</name> <data xlink:type="simple" xlink:href="css3-modsel-66.xml">NEGATED :target pseudo-class</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-64.xml">NEGATED :active pseudo-class</data> </item>
  <item> <name>Test #</name> <data>91 of 303</data> </item>
  <item> <name>Testing</name> <data>NEGATED :focus pseudo-class</data> </item>
  <item> <name>ID</name> <data>65</data> </item>
  <item> <name>Date</name> <data>2001-07-11</data> </item>
  <item> <name>Revision</name> <data>1.0</data> </item>
 </metadata>
   <requirement>User interaction is required for this test.</requirement>
  <content>
<p xmlns="http://www.w3.org/1999/xhtml">The background color of all <a href="#foo">anchors</a>
  should become <a href="#foo"> green</a> when they have the
  <a href="#foo">focus</a>.</p>
</content>
  <source>
   <css>a:not(:focus) { background-color: transparent; }
a { background-color: lime; }
</css>
   <xml>
&lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;The background color of all &lt;a href=&quot;#foo&quot;&gt;anchors&lt;/a&gt;
  should become &lt;a href=&quot;#foo&quot;&gt; green&lt;/a&gt; when they have the
  &lt;a href=&quot;#foo&quot;&gt;focus&lt;/a&gt;.&lt;/p&gt;
</xml>
  </source>
</test>