title: Change link color of the current page with CSS
body: <p>How does one style links for the current page differently from others? I would like to swap the colors of the text and background.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ul id="navigation"&gt;
      &lt;li class="a"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="b"&gt;&lt;a href="theatre.php"&gt;Theatre&lt;/a&gt;&lt;/li&gt;
      &lt;li class="c"&gt;&lt;a href="programming.php"&gt;Programming&lt;/a&gt;&lt;/li&gt; 
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>li a{
      color:#A60500;
  }
  
  li a:hover{
      color:#640200;
      background-color:#000000;
  }
  </code></pre>