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