How do I style all anchor tags inside a certain div?

Question

I can't figure out how to properly do this. I have the following CSS:

#container > #main > #content > a {
    color: #3B7315;
}

I'm using that to supposedly style all <a> tags in the #content div. The problem is, however, it doesn't seem to style <a> tags inside divs or nested lists, etc. It only styles the top-most tags such as the following:

<div id="content">
     <a href="#">Lorem ipsum</a>
</div>

When I put the link inside another element, the styling is gone.

So how do I include the whole sub elements and make the style recursively apply itself from #content onwards? I think I'm looking for a wildcard value of sort?

Answer 1

You made it much more complicated than it needs to be:

#content a {}

Answer 2

#content a, #content a:link, #content a:visited {base style rules}
#content a:hover, #content a:visited:hover, #content a:active {over style rules}
#content a:focus {wai style rules}