CSS Html Question | SoloLearn: Learn to code for FREE!

0

CSS Html Question

I have the following code: <!doctype html> <style> h4 { color:powderblue; } .headline{ color:orange; } article{ color:purple; font-style: normal; } aside h4{ font-style: italic !important; color:yellow; } article h4{ font-style: normal; color:blue; } </style> <div> <h4>International News</h4> <article> <h4 class="headline">New Developments</h4> <aside> <h4>Impact on Markets</h4> </aside> </article> </div> </html> My question is: Why is the text, "Impact on Markets" in blue and not yellow?

7/9/2018 5:39:41 PM

Stefan du Toit

6 Answers

New Answer

+3

"article h4" applies to all h4 elements. Change it to "article > h4" so it only applies to elements directly below

+2

Because "New Developments" is not inside "aside" element

0

Thanks for the answer, but if "article h4" overwrites "aside h4" because of the order in the css, then why is "New Developments" orange and not purple?

0

Yes, but it is inside "article" element, which should be purple and is described after ".headline" in the css

0

Question: Why is "New Developments" orange and not purple? <!doctype html> <style> .headline{ color:orange; } article{ color:purple; font-style: normal; } </style> <div> <article> <h4 class="headline">New Developments</h4> </article> </div> </html>

0

See: https://www.sololearn.com/discuss/1395506/?ref=app