Lesson 8


#1

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


#2

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)


#3

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


#4

@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.


#5

answer please, i am stuck in this exercise


#6

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


#7

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

  • #8

    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;
    }

    #9

    ok... it worked! Thks a lot!


    #10

    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


    #11

    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;
    }


    #12

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


    #13

    Same problem but in Spanish version...

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


    #14

    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

    }


    #15

    Who, thank you , it's been awhile that I was stuck on this exercise ..


    #16

    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;
    }

    #17

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


    #18

    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:


    #19

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


    #20

    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.