1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>ID selectors
</title>
5 <style type=
"text/css">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.html" title=
"Groups of selectors">
11 <link rel=
"prev" href=
"css3-modsel-14.html" title=
"More than one class selector">
12 <link rel=
"next" href=
"css3-modsel-16.html" title=
":link pseudo-class">
13 <link rel=
"last" href=
"css3-modsel-d5e.html" title=
"NEGATED :indeterminate with :checked">
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>