Oops, try again. Did you give your third paragraph a font-size of 26px? It looks like it's currently undefined

This issue has been solved. Thank you, @stetim94!


I am on 23. Pseudo Selectors, here’s the css:

.fancy {
    font-family: cursive;
    color: violet;
}

#serious {
    font-family: Courier;
    color: #8C8C8C;
}

body:nth-child(4) {
    font-size: 26px;
}

I have tried
body :nth-child(3)
body:nth-child(3)
p :nth-child(3)
p:nth-child(3)

Yet, none of them work as intended.
The error returned is as shown in the title.
Any help would be of up most appreciation.

The HTML as requested

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h3 class="fancy">
		    <p>Paragraph 1</p>
		    <p id="serious">Paragraph 2</p>
		    <p>Paragraph 3</p>
		</h3>
	</body>
</html>

Thanks
-Matt

It is also important that the html code is correct, can you also post your html code?

I can’t seem to be able to stop the HTML from parsing.

If you don’t succeed it is alright

Thank you,

The post has been edited with the HTML as requested,

you should have close your heading (</h3>), before you started the paragraphs. Nesting paragraphs in headings and vice versa is bad practice

Then you can use either body :nth-child(4) to select the 4th element inside the body, or p:nth-child(4) to select the 4th element of any parent, if it is a paragraph

Thank you for your help!
I have passed this section.