Lesson 8

i have this code
p {font-family: Garamond}
body > p {
font-weight: bold;
}
div ul {text-decoration: underline}

but it still say that i have an error

1 Like

You don’t have a semi-colon after “Garamond” or “underline” try putting your opening and closing brackets on separate lines so you don’t forget things like that (I had the same problem early on)

If this doesn’t work however, please post the exact error message you’re getting.

@lolman, single property does not require semi-colon.

@boardblaster36339, you forgot to give your synopsis paragraph a color of #7AC5CD, the synopsis paragraph is the only paragraph that is a direct child of div.

1 Like

answer please, i am stuck in this exercise

i did answer, if it did not please you, post your code so i can see where you are stuck

I have problems at the same code… so my code looks like this:

p {
font-family: Garamond;

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

and is says to me: Oops, try again. Did you remember to set the paragraphs inside

  • tags to the text-decoration: underline;?
    but as i can see my code is fine and the paragraphs insiden
  • are underlined, so i don’t know where i am worng… can i get some help. thks
  • this:

    div > ul {
        color:#000000;
        text-decoration: underline;
    }
    

    normally would be fine, but the exercise wants you to specify the paragraph in your css selector:

    div > ul p {
        color:#000000;
        text-decoration: underline;
    }
    
    4 Likes

    ok… it worked! Thks a lot!

    Tha´ts no the problem

    My problem is in the part of

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

    they still saying that the introduction and the resume paragraph aren´t bold

    I have te same problem and,finally this fixed code works!!!

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

    1 Like

    Maybe its a browser issue, IE and Firefox work better with bolder and Chrome whit bold, try it the same code on Chrome

    Same problem but in Spanish version…

    Edit: I change to Chrome and it works! (not in Firefox)

    This code works…
    p{
    font-family:Garamond;

    }

    body>p{

    font-weight:bold
    }

    div> p{

    color:#7AC5CD

    }

    div ul li p{

    color:#000000;
    text-decoration:underline
    

    }

    1 Like

    Who, thank you , it’s been awhile that I was stuck on this exercise …

    I used the IDs I saw on the first lesson, and I was able to pull it off. I gave all elements I needed to change an ID.
    <p id="introduction">,
    <p id="synopsis">,
    <p id="summary">.


    My CSS looked like this:

    p {
        font-family: Garamond;
    }
    
    #introduction, #summary {
        font-weight: bold;
    }
    
    #synopsis {
        color: #7AC5CD;
    }
    
    ul p {
        color: #000000;
        text-decoration: underline;
    }
    1 Like

    the whole point of the exercise, is not to use id’s, but get familair with > to grab direct children

    1 Like

    I know. But since they exist and he already showed them to me on the Preview, I just used them. Break the rules sometimes :smiley:

    1 Like

    My favorite part about coding is that you can achieve the same product with different styles. So that’s awesome.

    Absolute agree, but some people here are in the beginning of a learning process and then it is good to > in this exercise, to become familair with direct children. you can’t use different styles if you don’t know the styles.