<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-34.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>:first-of-type 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-35.xml">:last-of-type pseudo-class</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-33.xml">:last-child pseudo-class</data> </item>
  <item> <name>Test #</name> <data>42 of 276 of the static tests category</data> </item>
  <item> <name>Testing</name> <data>:first-of-type pseudo-class</data> </item>
  <item> <name>ID</name> <data>34</data> </item>
  <item> <name>Date</name> <data>2001-07-11</data> </item>
  <item> <name>Revision</name> <data>1.0</data> </item>
 </metadata>
  <content>
<div xmlns="http://www.w3.org/1999/xhtml">This div contains 3 addresses:
<address class="red">A first address that should have a green background</address>
<address>A second address with normal background</address>
<address>A third address with normal background</address>
</div>
</content>
  <source>
   <css>.red { background-color : red }
address { margin-bottom : 1em ; margin-left : 1em }
address:first-of-type { background-color : lime }
</css>
   <xml>
&lt;div xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;This div contains 3 addresses:
&lt;address class=&quot;red&quot;&gt;A first address that should have a green background&lt;/address&gt;
&lt;address&gt;A second address with normal background&lt;/address&gt;
&lt;address&gt;A third address with normal background&lt;/address&gt;
&lt;/div&gt;
</xml>
  </source>
</test>