Question on WHY this code works?


I just have a question as to how this works. For bolding the synopsis paragraph, i did the body > p selector which will select the element immediately following it. Got that. But why does it also bold the summary paragraph, that is way at the bottom of the html code after all the div and lists. I don't understand that.

This is my css

/*Add your CSS below!*/
body p{
    font-family: Garamond;

body > p{
    font-weight: bold;

div > p{
    color: #7AC5CD;

ul p{
    color: #000000;
    text-decoration: underline;


you don't need to bold the synopsis paragraph? You have to bold the introduction and summary paragraph.

> will affect direct children (in the case of body > p paragraphs which have as body as parent. the summary paragraph still has body as direct parent. (it is nested directly inside body), that it is at the end doesn't matter


Sorry, I mean I had to bold the Introduction and summary, not synopsis. My mistake.

Also, thank you I understand it now.