<h2>Section 1</h2>
<div class="first-section">
<a href="#">This is a Link</a>
<p>This is a paragraph</p>
</div>
<br />
<h2>Section 2</h2>
<div class="second-section">
<a href="#">This is also a link</a>
<p>This is also a paragraph</p>
</div>
/* RESETING CSS */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.first-section {
color: red;
}
/* UNIVERSAL SELECTOR MAKES LINK GREEN UNLIKE FIRST-SECTION*/
.second-section * {
color: green;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.