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


#1

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


#2

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


#4

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


#5

If you don't succeed it is alright


#6

Thank you,

The post has been edited with the HTML as requested,


#7

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


#8

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