| CSS 3 Module | <== Test # ==> | |
|---|---|---|
| W3C Selectors | 161 of 180 | |
| Testing | Date | Revision |
| Combinations: classes and IDs (ID #176) | 2002-12-06 | 1.0 |
This line should be green.
p { background: red; color: yellow; }
p:not(#other).class:not(.fail).test#id#id { background: green; color: white; }
div { background: green; color: white; }
div:not(#theid).class:not(.fail).test#theid#theid { background: red; color: yellow; }
div:not(#other).notclass:not(.fail).test#theid#theid { background: red; color: yellow; }
div:not(#other).class:not(.test).test#theid#theid { background: red; color: yellow; }
div:not(#other).class:not(.fail).nottest#theid#theid { background: red; color: yellow; }
div:not(#other).class:not(.fail).nottest#theid#other { background: red; color: yellow; }
<p id="id" class="class test">This line should be green.</p> <div id="theid" class="class test">This line should be green.</div>