Hi Tim,

Thank you for Answering my question. So what I understand is since the text in the anchor, h1, h2 elements were not changed due to specificity. As per the code below styling of body element comes at the end, but since other body elements though they were applied before the last element that change was not displayed due to specificity.

I hope I was clear, but I think I get the point. Disregard to answer this if you find it confusing. I will do a better job typing in future.

'''a { text-decoration:none }

wrapper{

max-width:940px; margin: 0 auto; padding: 5% 5%; }

logo{

text-align:center; margin:5%; }

a { color:#6ab47b; }

header{ background: #6ab47b; border-color:#599a68; }

h1, h2{ color:#ffffff; }

nav{ background:#599a68; }

nav a, nav a:visited{ color:#fff; }

nav a.selected, nav a:hover{ color:#32673f; }

body{ background:#fff; color:#999; }'''

Hi Nawazikram,

You're definitely on the right track. Yes because your other CSS selectors are assign colors for the a, h1, and h2 anything you assign to the body will on impact the elements that don't already have color. It's not because of the cascade... it's because h1 is more specific than body in the document. Does that make sense? If you later added a declaration for the p element all of those too would overwrite the body's color declaration regardless of their placement in the CSS file.

Absolutely, Makes perfect sense. Thank you so much for such a prompt reply.

No problem at all. You're very welcome. Enjoy learning about CSS.