CodePen Embed - Inheritance example: what gets inherited?

<ul class="main-list">
  <li>Dairy</li>
  <li>Vegetable</li>
  <li class="sub-list">
    Fruit
    <ul>
      <li>
        Drupe
        <ul>
          <li>Peach</li>
          <li>Coconut</li>
          <li>Olive
        </ul>
      </li>
      <li>
        Berry
        <ul>
          <li>Tomato</li>
          <li>Cucumber</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

.main-list {
  border: 1rem solid #000;
  color: red;
  font-family: Verdana;
}

This Pen is owned by Envato Tuts+ on CodePen. It is a fork of this Pen.

See more by @tutsplus on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.