<div id="test1" class="test1">test1</div>
<div class="test2">test2</div>
<div id="test3" class="c1 c2 c3 c4 c5 c6 c7 c8 c9 c10 c11">
  test3
</div>

#test1{
  color:red;
}
#test1.test1{
  color:blue;
}

.test2{
  color:red;
}
div.test2{
  color:blue;
}

#test3{
  color:red;
}
.c1.c2.c3.c4.c5.c6.c7.c8.c9.c10.c11{
  color:blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.