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


#1

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

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

#2

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:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3

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