8. ¿Podés hacerlo?


#1

Tengo digitado este codigo,

/*Agregá tu CSS a continuación!*/

p { font-family: Garamond;
}
body > p { font-weight: bold;}
ul p { text-decoration: underline;
}

Pero aun asi me sigue presentando un error:

"¡Uy! Probá otra vez.
¿Te acordaste de establecer negritas a los párrafos de introducción y de resumen?"

#2

@cloudrunner98626,

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)
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

Some reference-material:
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

As jQuery uses the same syntax for it's selector's
http://www.w3schools.com/jquery/trysel.asp


¿Podés hacerlo?
#3

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


#4

@ometeotl
Google search
strong site:developer.mozilla.org/es/
https://developer.mozilla.org/es/docs/Web/HTML/Elemento/strong