title: CSS Nav bar current/active color link
body: <p>First homepage. Nav bar color for current page isn't working. Suggestions? CSS below. Thanks.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul class="nav"&gt;
      &lt;li&gt;&lt;a href="Turf.html"&gt;HOME&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="Turf2.html"&gt;PRODUCTS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="Turf3.html"&gt;STAFF&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="Turf4.html"&gt;LINKS&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="Turf5.html"&gt;CONTACT&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.nav{
  border:1px solid #ccc;
  border-width:1px 0;
  list-style:none;
  margin:20;
  padding:0;
  text-align:center;
  font-family:sans-serif;
  }
  
  .nav li{
  display:inline-block;
  color:#493D26;
  font-size: 15px;
  font-family:sans-serif;
  }
  
  .nav a{
  display:inline-block;
  border-width:1px 0;
  padding:15px;
  text-decoration:none;
  color:#493D26;
  font-size: 17px;
  font-style:bold;
  text-transform:capitalize;    
  }
  
  ul.nav a:hover{ 
  color: #6CBB3C; 
  }
  
  ul.nav a:current{
  color: #6CBB3C;
  }
  </code></pre>