CSS 3 Module <== Test # ==>
W3C Selectors 93 of 296
Testing Date Revision
NEGATED :target pseudo-class (ID #66) 2005-08-30 1.2

NOTE: User interaction is required for this test.

This paragraph should be unstyled. The background of the following paragraph should become blue when you follow this link.

This paragraph should initially be unstyled. It should become blue when you select the link above. When you select this link, it should return to being unstyled and the background of the paragraph below should become blue.

This paragraph should initially be unstyled. It should become blue when you select the link above. When you follow this link, the three paragraphs should all return to being unstyled.

p { background-color: navy; color: white; }
p:not(:target) { background-color: white; color: black; }
<p id="first">This paragraph should be unstyled.
       The background of the following paragraph should become blue when
       you follow <a href="#second">this link</a>.</p>
<p id="second">This paragraph should initially be unstyled.
       It should become blue when you select the link above. When you select
       <a href="#third">this link</a>, it should return to being unstyled and the 
       background of the paragraph below should become blue.</p>
<p id="third">This paragraph should initially be unstyled.
       It should become blue when you select the link above. When you follow
       <a href="#missing">this link</a>, the three paragraphs
       should all return to being unstyled.</p>