Having an issue with this pseudo Selector


#1


I have tried this multiple ways and checked through multiple Q&A forums on here and not sure what I am missing. Can anyone Help?


https://www.codecademy.com/courses/web-beginner-en-WF0CF/4/5?curriculum_id=50579fb998b470000202dc8b


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


<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<!--Add your HTML below!-->
		<h3 class="fancy"> Im looking fancy
		    <p class="fancy">
		        Fancy is awsome!!
		    </p>
		    <p id="serious">
		        OMG!!!
		    </p>
		    <p>This Is the Third Paragraph</p>
		</h3>
	</body>
</html>

/*Add your CSS below!*/
.fancy{
    font-family:cursive;
    color:violet;
}
#serious{
    font-family:Courier;
    color:#8c8c8c;
}
.body :nth-child(4){
    font-size: 26px;
}


#2

Why do you have all your paragraphs in your <h3> tag? It's undefined because according to your html, <body> is not the parent of your paragraphs hence why your nth-child selector is not working.


#3

No one has ever said that. And I have no idea why i did it that way over a year ago. Getting back into coding and never thought to douple check it. Thank you! Im all set that is working now.


#4

A post was split to a new topic: 23. pseudo selector


#5