<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-14.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>More than one class selector</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-14b.xml">More than one class selector</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-13.xml">Class selectors</data> </item>
  <item> <name>Test #</name> <data>15 of 273 of the static tests category</data> </item>
  <item> <name>Testing</name> <data>More than one class selector</data> </item>
  <item> <name>ID</name> <data>14</data> </item>
  <item> <name>Date</name> <data>2003-06-22</data> </item>
  <item> <name>Revision</name> <data>1.2</data> </item>
 </metadata>
  <content>

<p xmlns="http://www.w3.org/1999/xhtml" class="t1 t2">This paragraph
should have a green background and a green thick solid border because
it carries both classes t1 and t2.</p>

<div xmlns="http://www.w3.org/1999/xhtml" class="test">This line
should be green.</div>

</content>
  <source>
   <css>p { background-color : red ; border : thick solid red ; padding : 1em }
p.t1 { background-color : lime }
p.t2 { border : thick solid green }

div { background: green; color: white; }
div.teST { background: red; color: yellow; }
div.te { background: red; color: yellow; }
div.st { background: red; color: yellow; }
div.te.st { background: red; color: yellow; }</css>
   <xml>

&lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot; class=&quot;t1 t2&quot;&gt;This paragraph
should have a green background and a green thick solid border because
it carries both classes t1 and t2.&lt;/p&gt;

&lt;div xmlns=&quot;http://www.w3.org/1999/xhtml&quot; class=&quot;test&quot;&gt;This line
should be green.&lt;/div&gt;

</xml>
  </source>
</test>