<div class="parent">
	<div class="child">
		<div class="second_child">
			Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, consequatur! Ex doloremque cum rem placeat! Numquam aperiam omnis labore corporis delectus ab sequi exercitationem libero sapiente magni quibusdam officia quis, dolorem modi. Quo sequi possimus voluptas necessitatibus facere eius officia magnam? Suscipit, laborum nostrum optio mollitia soluta similique magnam qui cum veniam sequi numquam distinctio? Aliquam qui laboriosam accusantium ducimus, veniam aut eveniet labore ratione, sequi neque odio ex quos. Sequi harum dolores tempore tenetur corporis illo vero quos at, eveniet mollitia nulla optio ex rerum, minima nobis doloribus ipsa quis dolorum molestias, earum veniam. Provident alias inventore incidunt ratione.
		</div>
	</div>
</div>
::root {
	font-size: 16px;
}

.parent {
	font-size: 50px;
}

.child {
	font-size: 30px;
}

.second_child {
	font-size: 1rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.