1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>NEGATED :checked pseudo-class
</title>
5 <style type=
"text/css">input
, span
{ background-color : red
}
6 input:not
(:checked
), input:not
(:checked
) + span
{ background-color : lime
}</style>
7 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
8 <link rel=
"prev" href=
"css3-modsel-69.html" title=
"NEGATED :disabled pseudo-class">
9 <link rel=
"next" href=
"css3-modsel-72.html" title=
"NEGATED :root pseudo-class">
10 <link rel=
"last" href=
"css3-modsel-d4.html" title=
"Dynamic updating of :first-child and :last-child">
11 <link rel=
"up" href=
"./index.html">
12 <link rel=
"top" href=
"../../index.html">
16 <input type=
"checkbox"> <span>Everything in this paragraph should have a green background
</span></p>