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>ID selectors</title>
5 <style type="text/css"><![CDATA[li { background-color : red }
6 #t1 { background-color : lime }
7 li#t2 { background-color : lime }
8 li#t3 { background-color : lime }
9 #t4 { background-color : red }]]></style>
10 <link rel="first" href="css3-modsel-1.xml" title="Groups of selectors"/>
11 <link rel="prev" href="css3-modsel-14e.xml" title="NEGATED More than one class selector"/>
12 <link rel="next" href="css3-modsel-15b.xml" title="Multiple ID selectors"/>
13 <link rel="last" href="css3-modsel-d4.xml" title="Dynamic updating of :first-child and :last-child"/>
14 <link rel="up" href="./index.html"/>
15 <link rel="top" href="../../index.html"/>
19 <li id="t1">This list item should have a green background. because its ID is "t1"</li>
20 <li id="t2">This list item should have a green background. because its ID is "t2"</li>
21 <li id="t3"><span id="t44">This list item should have a green background. because the inner SPAN does not match "#t4"</span></li>