8/23 Html-Css

Language Help CSS
1

No puedo resolver el ejercicio, me resalta en negrita la intro y el resumen pero no me deja avanzar.

En el CSS esta asi.

p { font-family: Garamond;}
body>p {font-weight: bold;}
ul>li>p {underline: none;}

Alguien me dice que esta mal??
Muchas gracias

3

If you are working with Tag selectors
you must be able to
read the index.html-document
following the guide-lines of the
DOM Document Object Model.

                   html
                     |
           + - - - - + - - - - +
           |                   |
          head                body
           |                   |
       + - - - +        +- - - +- - - +
       |       |        |      |      |
     link    title      p     div     p
                    (intro)    |  (summary)
                               |
                       + - - - + - - - - +
                       |                 |
                       p                 ul
                  (synopsis)             |
                                         |
                                 + - - - + - - - - +
                                 |       |         |
                                 li      li        li
                                 |       |         |
                                 p       p         p

The p-Tags are located:
html > body > p  (2)
html > body > div > p (1)
html > body > div > ul > li > p (3)
body p as selector we have selected all 6 p-Tag's
p         as selector we have selected all 6 p-Tag's
body > p  as selector we selected 2 p-Tags ==> Intro & Summary
div > p   as selector we have selected 1 p-Tag  ==> Synopsis
div p as selector we have selected 4 p-Tag's
li > p    as selector we have selected 3 p-Tags under the ul-Tag
1 Like
4
  1. Make all < p> tags have a font-family of Garamond. (Do NOT use the universal selector for this! There’s a better way; see the Hint for help.)
    p { font-family: Garamond }
  2. Make the introduction paragraph and the summary paragraph have a font-weight of bold (this is a new property for you, but it works just like the others you’ve learned).
    body > p { font-weight: bold }
  3. Make the synopsis paragraph have the color #7AC5CD.
    div > p { color: #7AC5CD }
  4. Make the paragraphs in the unordered list have the color #000000 and text-decoration underline.
    li > p { color: #000000 ; text-decoration: underline }
    OR
    ul p { color: #000000 ; text-decoration: underline }
1 Like
5

i don’t understand, this not work, and i do it fine

6

Creo que tienes que eliminar el segundo selector p y todas las declaraciones en la misma sección . Cuando se utiliza p como un selector que afectará a todos los paragraph sections:

p { font-family: Garamond;
     font-weight: bold;
     text-decoration: none;
}

Sorry I don’t speak a lot of Spanish. I hope this helps you.

1 Like
7

Hola, Tambien tuve le mismo problema.

La unica forma que pude solucionarlo fue agregando la etiqueta < strong > en los parrafos de IntroducciĂłn y resumen, dentro del indext.html.

index.html:
…
< strong >< p >IntroducciĂłn: Efecto cascada con CSS< /p >< /strong >
…
< strong >< p >Resumen: Una mayor especificidad hace que CSS le dé prioridad a ese estilo particular.< /p >< /strong >

stylesheet.css:
/Agregá tu CSS a continuación!/
p { font-family:Garamond; }

li > p { text-decoration:underline; }

8

hey i’m the beginer where can i start