CSS Cascading Test

by makzan

HTML

<div>Hello CSS</div>
<div id='target1' class='important'>Target 1: Hello CSS</div>
<div id='target2' class='important'>Target 2: Hello CSS</div>
<div id='target3' class='important'>Target 3: Hello CSS</div>
<div id='target4' class='important' style='color:black'>Target 4: Hello CSS</div>

CSS

div {
    color: orange;
}
.important {
    color: red;
}

#target1 {
    color: blue;
}

#target2.important {
    color: green;
}
/*div#target2.important {
    color: yellow;
}*/