<div class="drupes">
  <h1>Drupes</h1>  
  <p>Peaches, coconuts, and olives, are all classified as being “drupes”.</p>
  
</div>

<div class="berries">
  <h1>Berries</h1>  
  <p>Believe it or not, both tomatoes and cucumbers are berries.</p>
  
</div>
h1 {
  color: blue;
}

div {
  border: 1rem solid #000;
  color: red;
  font-family: Verdana;
  margin-bottom: 10px;
}

.berries h1 {
  color: unset;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.