23 Pseudo selectors


#1

Here's my code, is there something wrong? I got an error message "Oops, try again. Did you give your third paragraph a font-size of 26px? It looks like it's currently undefined." Please help!!!

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


.fancy { 
    font-family:Cursive; 
    color:Violet; 
 }
 
 #serious {
     font-family: Courier; 
     color: #8c8c8c; 
 }
p:nth-child(4) {
 font-size:26px;
 }

#2

your fancy paragraph and header should below each other:

<h3 class="fancy">fancy header</h3>
<p class="fancy">Fancy</p>

think about, with your nesting, you don't have 4 elements which nth-child can count