1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>NEGATED :target pseudo-class
</title>
5 <style type=
"text/css">p
{ background-color: lime
; }
6 p:not
(:target
) { background-color: transparent
; }</style>
7 <link rel=
"first" href=
"css3-modsel-1.html" title=
"Groups of selectors">
8 <link rel=
"prev" href=
"css3-modsel-65.html" title=
"NEGATED :focus pseudo-class">
9 <link rel=
"next" href=
"css3-modsel-66b.html" title=
"NEGATED :target pseudo-class">
10 <link rel=
"last" href=
"css3-modsel-d5e.html" title=
"NEGATED :indeterminate with :checked">
11 <link rel=
"up" href=
"./index.html">
12 <link rel=
"top" href=
"../../index.html">
15 <p id=
"first">This paragraph should be unstyled.
16 The background of the following paragraph should become green when
17 you follow
<a href=
"#second">this link
</a>.
</p>
18 <p id=
"second">This paragraph should initially be unstyled.
19 It should become green when you select the link above. When you select
20 <a href=
"#third">this link
</a>, it should return to being unstyled and the
21 background of the paragraph below should become green.
</p>
22 <p id=
"third">This paragraph should initially be unstyled.
23 It should become green when you select the link above. When you follow
24 <a href=
"#missing">this link
</a>, the three paragraphs
25 should all return to being unstyled.
</p>