:target demo

using the :target css3 pseudo element

by James Doyle

HTML

<h1>Website Contract</h1>
<nav>
    <ul>
        <li><a href="#payment">Payment Schedule</a></li>
        <li><a href="#support">Support &amp; Maintenance</a></li>
        <li><a href="#hosting">Hosting Terms</a></li>
        <li><a href="#glossary">Glossary</a></li>
    </ul>
</nav>
<article id="payment">
<h2>Payment Schedule</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</article>
<article id="support">
<h2>Support &amp; Maintenance</h2>
<p>Ut euismod tempor porttitor.</p>
</article>
<article id="hosting">
<h2>Hosting Terms</h2>
<p>Suspendisse ac nisl lorem, ut fermentum erat.</p>
</article>
<article id="glossary">
<h2>Glossary</h2>
<p>Aenean id nibh eget nisl blandit hendrerit lobortis ac tortor.</p>
</article>

CSS

article:target {
    background-color: #ffc;
    border: 2px solid #fcc;
}