Pseudo selector


#1

I need help finishing this section. I don't know what I'm doing wrong...
pseudo selector


#2

Hey,

Can you paste in your code and I can help you


#3

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h3 class="fancy"> <p class="fancy">A Sentence.</p> </h3>
		<p id="serious">Serious Stuff.</p>
		
		<p>This sentence is pretty big.</p>
		
	</body>
</html>

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

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

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

#9


#10








A Sentence.


Serious Stuff.

	<p>This sentence is pretty big.</p>

</body>


#11

You have your paragraph within your h3 tag.. Remove it from inside and put it below the h3 tag


#12

you need to select the (4)

See this post


#13

I fixed the html, but the css is now saying the 26px looks like 16px... and i deleted the space between them.


#14

make sure your zoom is 100%


#15

I tried that and it's still not working :frowning:


#16

paste in your updated code pls

Have a look at this post might help you


#17

I'm sorry I made a mistake leave the space you just need to change 3 to 4 as the third paragraph is the 4th element in the page


#18

Can we see the latest version of your code?