<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 */
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.