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