My code is working but the web site won't let me move on


#1


pseudo selectors

My code IS behaving correctly but the website won't let me move on. It wants me to make the 3rd paragraph 26px and it is. Why won't this work?


HTML:
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h3 class="fancy"> Header <h3>
		<p class="fancy"> Paragraph </p>
		<p id="serious"> Serious Paragraph </p>
		<p> Third Paragraph </p>
		
	</body>
</html>

CSS:
/*Add your CSS below!*/
.fancy{
    font-family: Cursive;
    color: violet;
}
#serious{
    font-family: Courier;
    color: #8C8C8C;
}
p:nth-child(3){
    font-size: 26px;
}


#2

This will be the second paragraph. The way this selector reads is,

any p-node that is the third child of its parent element

The third paragraph above is the fourth child of its parent.

In order to write it with a 3 we need the :nth-of-type() pseudo-class.

p:nth-of-type(3)

#3

@mtf is right, but your h3 closing tag is also missing the slash, which means it is not a closing tag. This changes the count for nth-child. Add the slash to the h3 closing tag