1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>Class selectors
</title>
5 <style type=
"text/css">li
{ background-color : red
}
6 .t1 { background-color : lime
}
7 li
.t2
{ background-color : lime
}
8 .t3 { background-color : red
}</style>
9 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
10 <link rel=
"prev" href=
"css3-modsel-12.html" title=
"Default attribute value">
11 <link rel=
"next" href=
"css3-modsel-14.html" title=
"More than one class selector">
12 <link rel=
"last" href=
"css3-modsel-d5e.html" title=
"NEGATED :indeterminate with :checked">
13 <link rel=
"up" href=
"./index.html">
14 <link rel=
"top" href=
"../../index.html">
18 <li class=
"t1">This list item should have green background because its class is
"t1
"</li>
19 <li class=
"t2">This list item should have green background because its class is
"t2
"</li>
21 <span class=
"t33">This list item should have green background because
22 the inner SPAN does not match SPAN.t3
</span>