Can't save and submit from 'Pseudo selectors'


#1


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


It's not letting me move on from the current chapter of Pseudo Selectors. Keeps having an error message pop up saying that I didn't give my third paragraph the font-size of 26. Yet, on the side of the page where it shows the web application, the third paragraph's text is 26px.
"Oops, try again. Did you give your third paragraph a font-size of 26px? It looks like it's currently undefined."


Replace this line with your code. 
/*Add your CSS below!*/

.fancy {
    font-family: cursive;
    color: violet;
    }
    
#serious {
    font-family: Courier;
    color: #8C8C8C;
    }
    
body :nth-child(3) {
    font-size:26px;
    }


<!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">
		<p class="fancy">This is my paragraph.</p>
		<p id="serious">Second paragraph</p>
		<p>Third Paragraph</p>
	</body>
</html>


#2

Seems like you've set your second paragraph to 26px. Third paragraph is the fourth child of body. You can tell by counting:
<h3 class="fancy"> -> 1st child
<p class="fancy">This is my paragraph.</p> -> 2nd child
<p id="serious">Second paragraph</p> -> 3rd child
<p>Third Paragraph</p> -> 4th child


ALSO, you didn't close your <h3> tag properly. And didn't add anything to it. Hence why everything looks 26px.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.