CSS Specificity Example

by ncapito

HTML

<div>
  <div><div><div><div><div><div><div><div><div><div><!-- 10 opening div tags -->
    <p id="bob" class="text">this is text</p>    
  </div></div></div></div></div></div></div></div></div></div><!-- 10 closing div tags -->
</div>

CSS

p { color: blue }
.text { color: red; }
#bob { color: green; }
div div div div div div div div div div div p.text { color: black; }