title: Apply CSS to Anchor Tag of <ul> <il>
body: <p>I have existing CSS as </p>
  
  <pre><code>a:active {
      outline: none;
  }
  a:focus {
      -moz-outline-style: none;
  }
  </code></pre>
  
  <p>which works fine</p>
  
  <p>i want to restrict the application only to those anchor items which are part of an <code>&lt;ul&gt;&lt;li&gt;</code> item under a div with class="<code>tabs_container</code>"</p>
  
  <p>so this is what i did only to fail !</p>
  
  <pre><code>#tabs_container ul li a:active {
      outline: none;
  }
  #tabs_container ul li a:focus {
      -moz-outline-style: none;
  }
  </code></pre>
  
  <p>am i doing it wrong ?</p>
  
  <p>thanks in advance</p>
  
  <p><strong>EDIT</strong> 
  My bad ! actually the ID="<code>tabs_container</code>" not Class.</p>
  
  <p>Further reference : This is part of the tutorial about <a href="http://broadcast.oreilly.com/2008/10/how-to-create-tabs-with-css-an.html" rel="nofollow">How to create Tabs using Jquery from Scratch</a> by Erric Berry.</p>