<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>
<div id='target5' class='important' style='color:purple'>Target 5: Hello CSS</div>
div {
color: orange;
}
.important {
color: red;
}
#target1 {
color: blue;
}
#target2.important {
color: green;
}
#target5 {
color: gray !important;
}
/* Try uncomment the following styles */
/*div#target2.important {
color: yellow;
}*/
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.