<?xml-stylesheet href="../../../style/xml-full.css" type="text/css"?>
<?xml-stylesheet href="css3-modsel-161.css" type="text/css"?>
<test xmlns:xlink="http://www.w3.org/1999/xlink">
 <title>Syntax and parsing of unknown psuedo-classes and pseudo-elements</title>
 <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-162.xml">Contextual ::selection</data> </item>
  <item> <name>Previous</name> <data xlink:type="simple" xlink:href="css3-modsel-160.xml">Syntax and parsing of unknown psuedo-classes</data> </item>
  <item> <name>Test #</name> <data>254 of 303</data> </item>
  <item> <name>Testing</name> <data>Syntax and parsing of unknown psuedo-classes and pseudo-elements</data> </item>
  <item> <name>ID</name> <data>161</data> </item>
  <item> <name>Date</name> <data>2003-11-24</data> </item>
  <item> <name>Revision</name> <data>1.1</data> </item>
 </metadata>
  <content>
 <p xmlns="http://www.w3.org/1999/xhtml">This line should have a green background.</p>
 <p xmlns="http://www.w3.org/1999/xhtml">
  UAs may render the following element as a pop up menu. If so, please ensure the menu is unstyled (or green).
  <select size="1">
   <option>This should</option>
   <option>have a green</option>
   <option>background.</option>
  </select>
 </p>
 <table xmlns="http://www.w3.org/1999/xhtml"><tr><td>This line should have a green background (or it might be unstyled).</td></tr></table>
 <!-- only allowed to be unstyled if + and ~ are not supported -->
</content>
  <source>
   <css>
  p { background: lime; }
  p   * { background: lime; }
  p &gt; * { background: lime; }
  p + * { background: lime; }
  p ~ * { background: lime; }

  /* let&#39;s try some pseudos that are not valid CSS but are likely to
  be implemented as extensions in some UAs. These should not be
  recognised, as UAs implementing such extensions should use the
  :-vnd-ident syntax. */

  :canvas { background: red; }
  :viewport { background: red; }
  :window { background: red; }
  :menu { background: red; }
  :table { background: red; }
  :select { background: red; }
  ::canvas { background: red; }
  ::viewport { background: red; }
  ::window { background: red; }
  ::menu { background: red; }
  ::table { background: red; }
  ::select { background: red; }
</css>
   <xml>
 &lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;This line should have a green background.&lt;/p&gt;
 &lt;p xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
  UAs may render the following element as a pop up menu. If so, please ensure the menu is unstyled (or green).
  &lt;select size=&quot;1&quot;&gt;
   &lt;option&gt;This should&lt;/option&gt;
   &lt;option&gt;have a green&lt;/option&gt;
   &lt;option&gt;background.&lt;/option&gt;
  &lt;/select&gt;
 &lt;/p&gt;
 &lt;table xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;tr&gt;&lt;td&gt;This line should have a green background (or it might be unstyled).&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
 &lt;!-- only allowed to be unstyled if + and ~ are not supported --&gt;
</xml>
  </source>
</test>