<!DOCTYPE html><html><head>
<title>Syntax and parsing of unknown pseudo-classes and pseudo-elements</title>
<style type="text/css">
p { background: lime; }
p * { background: lime; }
p > * { background: lime; }
p + * { background: lime; }
p ~ * { background: lime; }
: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; }
</style>
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
<link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors">
<meta name="flags" content=" interact">
</head>
<body>
<p>This line should have a green background.</p>
<p>
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><tbody><tr><td>This line should have a green background (or it might be unstyled).</td></tr></tbody></table>
</body></html>