1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
4 <title>Combinations: classes and IDs</title>
5 <style type="text/css"><![CDATA[
6 p { background: red; color: yellow; }
7 p:not(#other).class:not(.fail).test#id#id { background: green; color: white; }
8 div { background: green; color: white; }
9 div:not(#theid).class:not(.fail).test#theid#theid { background: red; color: yellow; }
10 div:not(#other).notclass:not(.fail).test#theid#theid { background: red; color: yellow; }
11 div:not(#other).class:not(.test).test#theid#theid { background: red; color: yellow; }
12 div:not(#other).class:not(.fail).nottest#theid#theid { background: red; color: yellow; }
13 div:not(#other).class:not(.fail).nottest#theid#other { background: red; color: yellow; }
15 <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
16 <link rel="prev" href="css3-modsel-175c.xml" title="Parsing: Numbers in classes"/>
17 <link rel="next" href="css3-modsel-177a.xml" title="Parsing : vs ::"/>
18 <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
19 <link rel="up" href="./index.html"/>
20 <link rel="top" href="../../index.html"/>
23 <p id="id" class="class test">This line should be green.</p>
24 <div id="theid" class="class test">This line should be green.</div>