What is the difference between inheritance and descendant in CSS?

Hey Joshua,

Inheritance is a way of propagating property values from parent elements to their children. Some CSS properties are inherited by the children of elements by default. For example, if you set the body tag of a page to a specific font, that font will be inherited by other elements, such as headings and paragraphs, without you having to specifically write as much. This is the magic of inheritance at work. The CSS specification determines whether each property is inherited by default or not. Not all properties are inherited, but you can force ones to be by using the inherit value. Source: http://coding.smashingmagazine.com/2010/04/07/css-specificity-and-inheritance/

Descendant means anywhere nested within it in the DOM tree. Could be a direct child, could be five levels deep, it is still a descendant. This is different than a child combinator (>) which requires the element to be the next nested level down. Source: http://css-tricks.com/almanac/selectors/d/descendant/

I hope this helps

Thank you, it does help (: I'm sure I will understand it a lot more the further I get into the CSS Deep Dive.