title: How do I style all anchor tags inside a certain div?
body: <p>I can't figure out how to properly do this. I have the following CSS:</p>
  
  <pre><code>#container &gt; #main &gt; #content &gt; a {
      color: #3B7315;
  }
  </code></pre>
  
  <p>I'm using that to supposedly style all <code>&lt;a&gt;</code> tags in the <code>#content</code> div. The problem is, however, it doesn't seem to style <code>&lt;a&gt;</code> tags inside divs or nested lists, etc. It only styles the top-most tags such as the following:</p>
  
  <pre><code>&lt;div id="content"&gt;
       &lt;a href="#"&gt;Lorem ipsum&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I put the link inside another element, the styling is gone.</p>
  
  <p>So how do I include the whole sub elements and make the style recursively apply itself from <code>#content</code> onwards? I think I'm looking for a wildcard value of sort?</p>