difference between a child combinator and a descendant combinator?

[michaellunsford]

what's the difference?

 

div.container a { color:#000 }

div.container > a { color:#000 }

[ToonMariner]

the first will style ANY a tag that is a decendant of div.container

 

ie

<div class="container">
<a ....
<div class="subcontainer">
<a ....
</div>
</div>

 

the second should only work on an anchor tag that is a first child of div.container

 

i.e.

<div class="container">
<a ....
</div>

 

But not any anchor that is a child of a child of div.container.

[michaellunsford]

That makes sense. Thanks!