title: In css code a:active is not working
body: <p>I am using CSS code like this </p>
  
  <pre><code>.top_nav ul li a{ 
    color: #444; background: #111;
  }
  .top_nav ul li a:hover{
    color: #fff; background: #555;
  }
  .top_nav ul li a:active{
    color: #111; background: #fff;
  }
  </code></pre>
  
  <p>But the problem is this when any page is active, on <strong>navigation menu</strong> that link's background not change. Background of that link is same as other's.</p>