23. Pseudo selectors


#1

HTML

<title>Result</title>
	</head>
	<body>
	<h3 class="fancy">
	<p class="fancy">This is Violet ! </p>
	<p id="serious">I'm serious ! </p>
	<p> I'm the third Paragraph...</p>
	</h3>
	</body>

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

So people I have this problem, it won't go further I become this message every time "Oops, try again. Did you give your third paragraph a font-size of 26px? It looks like it's currently undefined. "... So when I try to make a body :nth-child(3) its working but I have the same message as for the nth-child(4)... Can anyone help ?


#2

the problem is in the html code, headings are not designed to contain paragraphs and vice versa. the paragraphs should be after the heading:

<h3>heading</h3>
<p>first paragraph</p>
<!-- remaining two paragraphs -->

#3

Thank you very much !


#4