Explanation of Descendent Selectors VS. First Child Combinators.

div p vs. div > p

Descendent Selectors style ALL elements (first children, grandchildren etc.). The following paragraph styling with in the div uses a Descendent Selector. Note that the paragraph elements that are first children of the div are styled. Grandchildren (meaning second descendents - paragraphs in the section area) are ALSO styled.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce faucibus nisl non interdum sagittis. Nam sed laoreet ipsum. Proin feugiat nulla quis sollicitudin scelerisque.

Aenean eget finibus tortor. Etiam at ligula sit amet ante sagittis rhoncus. Vivamus mollis lorem vitae suscipit hendrerit. Proin malesuada feugiat purus in suscipit.

Nulla vel tellus eu tortor efficitur hendrerit suscipit vel nisl. Nunc porta cursus ipsum, id faucibus elit congue non. Maecenas eget nisl condimentum, finibus elit ac, egestas odio. Integer sed volutpat diam.

First Child Combinators style ONLY first children). The following paragraph styling with in the div uses a First Child Combinator. Note that the paragraph elements that are first children of the div are styled. Grandchildren (meaning second descendents - paragraphs in the section) area are NOT styled.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce faucibus nisl non interdum sagittis. Nam sed laoreet ipsum. Proin feugiat nulla quis sollicitudin scelerisque.

Aenean eget finibus tortor. Etiam at ligula sit amet ante sagittis rhoncus. Vivamus mollis lorem vitae suscipit hendrerit. Proin malesuada feugiat purus in suscipit.

Nulla vel tellus eu tortor efficitur hendrerit suscipit vel nisl. Nunc porta cursus ipsum, id faucibus elit congue non. Maecenas eget nisl condimentum, finibus elit ac, egestas odio. Integer sed volutpat diam.