<div class="row">
  <h1 class="col" style="color:red">Hello Specificity</h1>
</div>
 /*   0 -inlinecss , 0-id  0-class, 0 -elements        
 */

div h1{
  color:grey; /* Weight  0 0 0 2*/
}

h1{
  color:blue !important; /* weight  0 0 0 0  important wins */
}

.col{
  color:orange;/*   0 1 0 0 */
}

.row .col{
  color:green  /*  0 2 0 0 */ 
}


External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.