What's wrong with my nth-child() code?


<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<!--Add your HTML below!-->
		<h3 class="fancy">
		    <p class="fancy">Hello!</p>
		    <p id="serious">Good Luck!</p>
		    <p>Buenus Nochies</p>

.fancy {
    font-family: cursive;
    color: violet;
#serious {
    font-family: Courier;
    color: #8C8C8C;
body :nth-child(4) {
    font-size: 26px;


there is no 4th element, because you nested some paragraphs inside your heading (h3), which is bad practice. I suggest you close your heading first, and then have your three paragraphs

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:


the backtick is located above the tab key on your keyboard


So close heading before starting paragraphs! okay! got it! Thank you!