| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Syntax and parsing of unknown pseudo-classes and pseudo-elements</title> |
| <style type="text/css"><![CDATA[ |
| 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; } |
| ]]></style> |
| <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> |
| <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found --> |
| <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><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 --> |
| </body> |
| </html> |