<?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>9 of 143</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>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">
<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 "foo"</p>
</content>
  <source>
   <css>p { background-color : red }
p[title^="foo"] { background-color : lime }</css>
   <xml>
&lt;p xmlns="http://www.w3.org/1999/xhtml" title="foobar">This paragraph should have a green background&lt;br>&lt;/br>
because its title attribute begins with "foo"&lt;/p>
</xml>
  </source>
</test>