Avoid CSS inheritance

Use ":not" selector to avoid css inheritance

by disidutra

HTML

<!-- Easy way to avoid inheritance-->
<div class="no_color">
    <p> Inherited css </p>
</div>    

<div class="no_color_bolf">
    <p> Avoid inheritance</p>
</div>

CSS

.no_color{
    background-color:red;    
}

.no_color_bolf{
  font-weight:bold;
}