<div id="parent">
  <p>親要素</p>
  <div id="child">
    <p>子要素</p>
    <div id="grandchild">
      <p>孫要素</p>
    </div>
  </div>
</div>
#parent {
  font-size: 10px;
}
#child {
  font-size: 20px;
  /*
      親要素に影響されない
    */
}
#grandchild {
  font-size: 30px;
  /*
      子要素に影響されない
   */
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.