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

CSS Selectors Forum

View Course

117 points
5097a80f9301410200001cda_599480212
Submitted by
Marina Mikilchenko
over 4 years ago

<li> tags to the text-decoration: underline

Wrote
ul li p{
color:#000000
text-decoration: underline;
}
But error appears:

Oops, try again.
Did you remember to set the paragraphs inside < li > tags to the text-decoration: underline;?
Chrome.
What is wrong ?


10 votes

permalink

p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
ul p {
color: #000000;
text-decoration: underline;
}

1245 points
536e7928282ae3d5db002404_648630871
Submitted by
David Powell
over 4 years ago

7 Comments

529a9ff780ff33a3a1000d1d_425902967 Minecoder over 3 years ago

I have the same problem.

8e62a465b77b6849a6468b70a2fe9dc8?s=140&d=retro Christy Niña Ruiz over 3 years ago

thanks a lot ..it really helps me so much..

58c35815dd1edec3c6000432_58335958 Morgan Overton about 3 years ago

I also got the bold to work inside the HTML by doing

Picture Ibrahim TK Korattikkara over 2 years ago

tks

Picture Ibrahim TK Korattikkara over 2 years ago

p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
ul p {
color: #000000;
text-decoration: underline;
}

5b3a4fa339274704aff5a5026baa0a72?s=140&d=retro killakyle99 over 2 years ago

suck my dick fuck outta here

Picture Daniel Moore almost 2 years ago

p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
ul p {
color: #000000;
text-decoration: underline;
}
/* remove the li from urs and add a space between p and {


3 votes

permalink

The answer is within the text that is being "decorated".

Try this, it should work

p {

font-family: Garamond;

}

body > p{

font-weight: bold;

}

div > p {

color: #7AC5CD;

}    

li p {
color: #000000;
text-decoration: underline;

}

180 points
F0f6a7f3d8fa2bb63bc1b5e380716e99?s=140&d=retro
Submitted by
ankitpal
about 3 years ago


2 votes

permalink

@ Marina Mikilchenko

Could it be the missing semicolon ( ; ) after color: #000000

255 points
0e29859869ca2116cb315b5fc7972a80?s=140&d=retro
Submitted by
Bjrnen
over 4 years ago

1 Comment

529a9ff780ff33a3a1000d1d_425902967 Minecoder over 3 years ago

No. Maybe this: HTML:

<!DOCTYPE html>



Ultimate Text Challenge


Introduction: Cascading with CSS

Synopsis: When you set a property of a selector like 'p' to a certain value, that value applies to all p tags.
If, however, you change that same property to a different value for a more specific instance of p,
that change will override the 'general rule'.


If you say p { font-family: Garamond}, all 'p's will have the font Garamond.
BUT if you say li p {font-family: Verdana}, 'p's outside of 'li's will be
in Garamond, and 'p's INSIDE 'li's will be in Verdana.

The more specific your selectors are, the higher importance CSS gives to the styling you apply!


Summary: Greater specificity makes CSS prioritize that particular styling.

. CSS:p {
font-family: Garamond;
} #intro {
font-weight: bold;
} #synopsis {
color: #7ac5cd;
} li p {
color: #000000;
text-decoration: underline;
}. Maybe a li id.


0 votes

permalink

p{
font-family:Garamond;
}
body > p{
font-weight:bold;
}
div > p{
color:#7ac5cd;
}
li p{
text-decoration:underline;
color:#000000;
}

315 points
73591786126d4ac65f3382ad250096b4?s=140&d=retro
Submitted by
Ernando
over 3 years ago

3 Comments

73591786126d4ac65f3382ad250096b4?s=140&d=retro Ernando over 3 years ago

it will work

529a9ff780ff33a3a1000d1d_425902967 Minecoder over 3 years ago

It didn't.

529a9ff780ff33a3a1000d1d_425902967 Minecoder over 3 years ago

I copied and pasted it myself. I'm stuck.


0 votes

permalink

p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
div ul p {
color: #000000;
text-decoration: underline;
}

230 points
52b5a236548c357c20001ce0_507790529
Submitted by
Kirk Sevillano
over 3 years ago


0 votes

permalink

Try using this:

p{
font-family:Garamond;
}
body > p{
font-weight:bold;
}

div > p{
color: #7AC5CD;
}
li p{
color: #000000;
text-decoration: underline;
}

280 points
21d4acdfe0179f43c5af1cc77db3f61d?s=140&d=retro
Submitted by
kunderhill99
almost 3 years ago


0 votes

permalink

I've also tried all the above and nothing works...

326 points
42e7cc096fe3418c1e741b3f20afe187?s=140&d=retro
Submitted by
Scaa
over 2 years ago


0 votes

permalink

p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
ul p {
color: #000000;
text-decoration: underline;
}

265 points
Picture
Submitted by
Ibrahim TK Korattikkara
over 2 years ago

3 Comments

5b3a4fa339274704aff5a5026baa0a72?s=140&d=retro killakyle99 over 2 years ago

suck my dick boy

2244831663765f74021ed9d4c43aa919?s=140&d=retro swapnil chaudhari almost 2 years ago

p{
font-family:Garamond;

}
#c1{
font-weight:bold;
}
#c2{
font-weight:bold;
color:#7AC5CD;
}
ul p{
color:#000000;
text-decoration:underline;
}

from chow

2244831663765f74021ed9d4c43aa919?s=140&d=retro swapnil chaudhari almost 2 years ago

add ur id in introduction and summary in html code..!


-1 votes

permalink

li p{
color:#000000;
font-weight:bold;
text-decoration: underline;
}

i add font-weight:bold in my code.then it's ok to pass this exercise.
but still problem and i think it's a bug.
the font-weight doesnt turn to bold. and text-decoration turns out to be underlined.

332 points
50dbaa54c2aa37675c0046f5_909404938
Submitted by
rong wang
over 4 years ago

2 Comments

536e7928282ae3d5db002404_648630871 David Powell over 4 years ago

here's what i had:
p {
font-family: Garamond;
}
body > p {
font-weight: bold;
}
div > p {
color: #7AC5CD;
}
ul p {
color: #000000;
text-decoration: underline;
}

536e7928282ae3d5db002404_648630871 David Powell over 4 years ago

didn't think it would come out that messy. haha. i'll post the CSS code below.


-2 votes

permalink

suck my dick

234 points
5b3a4fa339274704aff5a5026baa0a72?s=140&d=retro
Submitted by
killakyle99
over 2 years ago