<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;
}*/


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.