What am i doing wrong?


/*Add your CSS below!*/
*{background-color: grey;}
p {font-family: Garamond;}
li p{color: #000000; text-decoration: underline;}
ppp {font-weight: bold;}
pp {color: #7AC5CD;}
ppppp{font-weight: bold;}

dont i think my "interesting nesting" is the problem but they have the same pppppp things on the html so help this noob


what the f*ck are those ppppp thing? class(wich start with "." id(with "#")?
the only selector with nothing are the html tag ( a body html p ol li ect...) they don't need dot nor #