| <!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="first" href="css3-modsel-1.xml" title="Groups of selectors"/> |
| <link rel="prev" href="css3-modsel-160.xml" title="Syntax and parsing of unknown pseudo-classes"/> |
| <link rel="next" href="css3-modsel-166.xml" title=":first-letter with ::first-letter"/> |
| <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/> |
| <link rel="up" href="./index.html"/> |
| <link rel="top" href="../../index.html"/> |
| </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> |
