I'm having trouble with this, if I have these two tag combinations in my CSS:
aside h4 {
color:yellow;
}
article h4 {
color:blue;
}
And I apply them to the following HTML:
<div>
<h4>International new</h4>
<article>
<h4 class="headline">New Developments!</h4>
<aside>
<h4>Impact On Marckets</h4>
</aside>
</article>
</div>
Why is Impact On Marckets blue? I thought it should be yellow. I thought in this case the tags should apply from the inside out, not the opposite. Is it something about the Article tag?
.headline {
color:red;
}
aside h4 {
font-style: italic !important;
color:yellow;
}
article h4 {
font-style:normal;
color:blue;
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="StyleSheet1.css" rel="stylesheet" />
</head>
<body>
<div>
<h4>International new</h4>
<article>
<h4 class="headline">New Developments!</h4>
<aside>
<h4>Impact On Marckets</h4>
</aside>
</article>
</div>
</body>
</html>
tag