<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-15.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>ID selectors</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-22.xml">:lang() pseudo-class</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-14.xml">More than one class selector</data> </item>
  <item> <name>Test #</name> <data>15 of 130 of the static tests category</data> </item>
  <item> <name>Testing</name> <data>ID selectors</data> </item>
  <item> <name>ID</name> <data>15</data> </item>
  <item> <name>Date</name> <data>11-july-2001</data> </item>
  <item> <name>Revision</name> <data>1.0</data> </item>
 </metadata>
  <content xmlns:a="http://www.example.org/a" xmlns:b="http://www.example.org/b" xmlns:html="http://www.w3.org/1999/xhtml">
<ul xmlns="http://www.w3.org/1999/xhtml">
  <li id="t1">This list item should have green background because its ID is "t1"</li>
  <li id="t2">This list item should havebe green background because its ID is "t2"</li>
  <li id="t3">
<span id="t44">This list item should have green background because the inner SPAN
                 does not match SPAN#t4</span>
</li>
</ul>
</content>
  <source>
   <css>li { background-color : red }
#t1 { background-color : lime }
li#t2 { background-color : lime }
li#t3 { background-color : lime }
#t4 { background-color : red }</css>
   <xml>
&lt;ul xmlns="http://www.w3.org/1999/xhtml">
  &lt;li id="t1">This list item should have green background because its ID is "t1"&lt;/li>
  &lt;li id="t2">This list item should havebe green background because its ID is "t2"&lt;/li>
  &lt;li id="t3">
&lt;span id="t44">This list item should have green background because the inner SPAN
                 does not match SPAN#t4&lt;/span>
&lt;/li>
&lt;/ul>
</xml>
  </source>
</test>