HELP! Pseudo selectors 23!


#1

I can't get any further ...

This is my html:












ooh



This is my CSS:

/*Add your CSS below!*/
.fancy {
font-family: cursive;
color: violet;
}

serious {

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

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


#2

if you edit/update your question, leave a reply so i get a notification. Your html code is not visible, take the following steps to make your code visible:

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

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#3


#4

my css:


#5

this question is almost identical to this one. the problem now (apart from that this nesting is wrong) is that body has 2 children: h3 (which is first child) and a paragraph (ooh) which is second child. your fancy and serious paragraph are first and second child of h3. body :nth-child(4) won't target anything, there isn't any 4th element


#6

thanks!! I understand it now :smile:


#7

please help I dont understand what to do
.fancy{
font-family:cursive;
color:violet}
#serious{font-family:Courier;
color:#8C8C8C}
p:nth-child(2) {
font-size:26px;}
my css
and my html







sdfsafdsfs


rggfg


btgiyubh

</body>


#10

Did you read the other topic i linked to? p:nth-child(2) can never be correct when you have 4 elements, and you want to select the 4th element

if you edit/update your question, leave a reply so i get a notification. Your html code is not visible, take the following steps to make your code visible:

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

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

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#11

thanks man it's work's problem in my HTML code (Y)


#12

2 posts were split to a new topic: 23 need help with pseudo selector