23 Pseudo selectors


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>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<h3 class="fancy"><p class="fancy">Fancy</h3></p>
		<p id="serious">Serious</p>
		<p>Third paragraph</p>

.fancy { 
 #serious {
     font-family: Courier; 
     color: #8c8c8c; 
p:nth-child(4) {


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