<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-20.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>:focus pseudo-class</title>
 <author>Daniel Glazman</author>
 <author>Ian Hickson</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-21.xml">:target pseudo-class</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-19b.xml">:active pseudo-class on controls</data> </item>
  <item> <name>Test #</name> <data>31 of 303</data> </item>
  <item> <name>Testing</name> <data>:focus pseudo-class</data> </item>
  <item> <name>ID</name> <data>20</data> </item>
  <item> <name>Date</name> <data>2001-11-03</data> </item>
  <item> <name>Revision</name> <data>1.1</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 <a href="#foo">anchors</a>
  in this page should turn <a href="#foo">to green</a> when they have the
  <a href="#foo">focus</a>.</p>
</content>
  <source>
   <css>a:focus { background-color : lime }</css>
   <xml>
&lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;The background color of &lt;a href=&quot;#foo&quot;&gt;anchors&lt;/a&gt;
  in this page should turn &lt;a href=&quot;#foo&quot;&gt;to 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>