<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-9.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>Substring matching attribute selector (beginning)</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-10.xml">Substring matching attribute selector (end)</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-8.xml">Attribute value selectors (hyphen-separated attributes)</data> </item>
  <item> <name>Test #</name> <data>11 of 276 of the static tests category</data> </item>
  <item> <name>Testing</name> <data>Substring matching attribute selector (beginning)</data> </item>
  <item> <name>ID</name> <data>9</data> </item>
  <item> <name>Date</name> <data>2001-07-11</data> </item>
  <item> <name>Revision</name> <data>1.0</data> </item>
 </metadata>
  <content>
<p xmlns="http://www.w3.org/1999/xhtml" title="foobar">This paragraph should have a green background<br></br>
because its title attribute begins with &quot;foo&quot;</p>
</content>
  <source>
   <css>p { background-color : red }
p[title^=&quot;foo&quot;] { background-color : lime }</css>
   <xml>
&lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot; title=&quot;foobar&quot;&gt;This paragraph should have a green background&lt;br&gt;&lt;/br&gt;
because its title attribute begins with &amp;quot;foo&amp;quot;&lt;/p&gt;
</xml>
  </source>
</test>