Combinations: classes and IDsIan HicksonCSS 3 Module W3C Selectors Next Parsing : vs :: Previous Parsing: Numbers in classes Test # 262 of 276 of the static tests category Testing Combinations: classes and IDs ID 176 Date 2002-12-06 Revision 1.0
This line should be green.
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 xmlns="http://www.w3.org/1999/xhtml" id="id" class="class test">This line should be green.</p>
<div xmlns="http://www.w3.org/1999/xhtml" id="theid" class="class test">This line should be green.</div>