Syntax and parsing of unknown pseudo-classes and pseudo-elementsIan HicksonCSS 3 Module W3C Selectors Next :first-letter with ::first-letter Previous Syntax and parsing of unknown pseudo-classes Test # 252 of 296 Testing Syntax and parsing of unknown pseudo-classes and pseudo-elements ID 161 Date 2005-11-09 Revision 1.2 User interaction is required for this test.
This line should have a green background.
UAs may render the following element as a pop up menu. If so, please ensure the menu is unstyled (or green).
This line should have a green background (or it might be unstyled).
p { background: lime; }
p * { background: lime; }
p > * { background: lime; }
p + * { background: lime; }
p ~ * { background: lime; }
/* let'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; }
<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 -->