Pseudo selectors


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.

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<h3 class="fancy">Pizza<h3>
		<p class="fancy">I love Pizza</p>
		<p id="serious">And Ice cream</p>
		<p>Please Work</p>


    font-family: cursive;
    color: violet;

    font-family: Courier;
    color: #8C8C8C;

body :nth-child(4){


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.