title: nav bar .active not working
body: <p>Hello for some reason I can't get the <code>:active a {</code> attribute to work for my navigation bar. I tried looking up fixes but nothing seems to work.</p>
  
  <p><strong>My HTML:</strong></p>
  
  <pre><code>&lt;nav id="nav"&gt;
          &lt;ul&gt;
              &lt;li id='active'&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="request_fix.html"&gt;REQUEST FIX&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="find_us.html"&gt;FIND US&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="contact_us.html"&gt;CONTACT US&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>My CSS:</p>
  
  <pre><code>#nav li:active a {
  text-shadow: 0 0 1px #808080;
  }
  </code></pre>