This forum is now read-only. Please use our new forums at discuss.codecademy.com.

CSS Selectors Forum

View Course

128 points
72fd696376ab333c8bf7d57d2002ccbf?s=140&d=retro
Submitted by
natka_st
about 2 years ago

18/23

     <p><a href="http://blog.rankines24.lt/">rankines</a></p>
     <p><a href="http://4rent.lt/">batai</a></p>
     <p><a href="http://www.skelbimai1.lt/">sukneles</a></p>



and stylesheet.css

a:hover {
text-decoration: none;
}
a:fist-child {
color: #CDBE70;
}
a:nth-child (3) {
color: #FFC125;
}

what is wrong? shows: " Did you remember to set your first to the color #CDBE70?"


0 votes

permalink

you misspelled first in first-child (you spelled as fist, with the letter r)

Also, realize that the links (<a></a>) are all first child of the paragraph. so they all will have color: #CDBE70;

Maybe not part of the exercise, but a fun challenge to come up with a solution for this problem, but i will leave that to you to figure out, if you need help with it, let me know

2937 points
593d545c83696644420003b7_64554016
Submitted by
stetim94
about 2 years ago

3 Comments

72fd696376ab333c8bf7d57d2002ccbf?s=140&d=retro natka_st about 2 years ago

thank you :)

593d545c83696644420003b7_64554016 stetim94 about 2 years ago

you're welcome, did you figure out how to deal with nested links?

72fd696376ab333c8bf7d57d2002ccbf?s=140&d=retro natka_st about 2 years ago

I managed :) Thanks for the help

rankines
batai
sukneles


0 votes

permalink

that will work, but then your links aren't on different lines/each inside its own paragraph, you could also do:

a:hover {
text-decoration: none;
}
p:first-child a {
color: #CDBE70;
}
p:nth-child (3) a {
color: #FFC125;
}

paragraph are first, second and third child of body, and then you select the link inside of them. Note: this code will not pass the exercise, SCT won't like it.

2937 points
593d545c83696644420003b7_64554016
Submitted by
stetim94
about 2 years ago