Sg att du har fljande HTML
Kod:
<article id="GreenHeadlines">
<h1>ArtikelRubrik</h1>
<section><h1>Sektionsrubrik</h1> </section>
<div><h1>En div med rubrik</h1></div>
<section><button><h1>Knapp1</h1></button></section>
<section><h1>En till sektionsrubrik</h1> </section>
<button><h1>Knapp2</h1></button>
</article>
Du ska gra ett frgtema dr:
- per default ska alla rubriker vara svarta
- i #GreenHeadlines ska artikelrubriken vara ljusgrn och sektionsrubrikerna mrkgrna. Men det r BARA dom tv rubriktyperna som ska bli frgade, allt annat mste fortfarande vara svart!
- Du fr allts inte gra Knapparna grna
D kan du lsa uppgiften shr:
Kod:
h1 { color: black; }
#GreenHeadlines > h1 { color: lightgreen; }
#GreenHeadlines > section > h1 { color: darkgreen; }
Du undviker allts att gra Knappens H1 darkgreen, eftersom du sger att enbart H1 som r direct child till section ska bli darkgreen.
Hade du dremot skitit i child selectorn och istllet gjort shr
Kod:
h1 { color: black; }
#GreenHeadlines h1 { color: lightgreen; }
#GreenHeadlines section h1 { color: darkgreen; }
D hade Knapp1 blivit mrkgrn och Knapp2 ljusgrn
