CSS Child vs Descendant selectors

Question

I am a bit confused between these 2 selectors.

Does the descendent selector:

div p

select all p withi

Answer 1

In theory: Child => an immediate descendant of an ancestor (e.g. Joe and his father)

Descendant => any element that is descended from a particular ancestor (e.g. Joe and his great-great-grand-father)

In practice: try this HTML:

  Span 1.
    Span 2.
  



  Span 1.
    Span 2.
  

with this CSS:

span { color: red; } 
div.one span { color: blue; } 
div.two > span { color: green; }

http://jsfiddle.net/X343c/1/