<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.