Pseudo selectors

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
So for this exercise I have to make the 4th child 26px. Which is what I think my code is doing below. Problem is when I run it nothing changes in the display. But when i change the nth-child to (3) instead of (4) It works. I get an error message both times. Please help.

``` Result
	<h3 class="fancy">Pizza<h3>
	
	<p class="fancy">I love Pizza</p>
	
	<p id="serious">And Ice cream</p>
	
	<p>Please Work</p>
	
</body>

CSS:

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

#serious{
font-family: Courier;
color: #8C8C8C;
}

body :nth-child(4){
font-size:26px;
}

<do not remove the three backticks above>

because you need to use nth-child(4), the problem is your h3 closing tag is missing the forward slash, messing up the count

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