title: Need to change background color of current link
body: <p>I have my navbar of links and when the user is on a page that corresponds to one of the links I want to change the background color of that link. For example, when the user is on the home page I want to change the background color of the home link. I tried with #navbar li a:current but that doesn't work.Is this possible with css?</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="navbar"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="samples.html"&gt;Samples&lt;/a&gt;&lt;/li&gt;                
              &lt;/ul&gt;            
          &lt;/div&gt; &lt;!-- end of navbar div --&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#navbar li a.current {
  background-color: #FFF;}
  </code></pre>