Its telling me my code is wrong and I don't know why


My error is on the Unit 5: CSS CLASSES AND IDS; Lesson CSS Selectors;Review Lesson; Pseudo Selectors.
Here is my code:

HTML Code:

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<!--Add your HTML below!-->
		<h3 class  = "fancy">
		    <p class = "fancy"> this is a paragraph </p>
		    <p id = "serious"> this is also paragraph </p>
		    <p> This is another a paragraph </p>

CSS Code

.fancy {
    font-family : cursive;
    color : violet;

#serious {
    font-family : Courier;
    color : #8c8c8c;

p:nth-child(3) {
    font-size : 26px;

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

I have already reset my zoom and it still tells me it is undefined but in the inspector the third paragraph is clearly re-sized and i'm assuming its re-sized to 26px

Here is the instructions: "Add a third paragraph to the HTML document. On the CSS tab, use nth-child to give it a font size of 26px. Remember: your paragraph is the third paragraph, but the fourth CHILD of body. The h3 counts as the first child!"


Why did it delete all of the HTML code I put it in there


I cant see your html code but im thinking maybe put a period in front of serious in the CSS file


both headings (h3) and paragraphs are designed to hold only other inline elements, not other block level elements (headings and paragraphs are both block level elements)

i suggest you close your heading before you start your paragraphs, and then select the 4th element with nth-child.

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:


the backtick is located above the tab key on your keyboard