Frontend : CSS Bagian 7 – Konsep Pewarisan (Inheritance)

Di CSS terdapat satu konsep untuk memudahkan styling teman-teman, yaitu konsep Pewarisan atau biasa disebut Inheritance. Inheritance adalah sifat penurunan css dari tag html kepada tag html lainnya. Inheritance terjadi ketika ada nya parent dengan child. Dengan Inheritance codingan teman-teman lebih clean code. Mengenai Clean code penulis akan bahas di lain waktu. Yuk langsung saja kita coding…

<!DOCTYPE html>
<html>
<head>
	<title>Frontend : CSS Bagian 7 - Konsep Pewarisan (Inheritance)</title>
	<style type="text/css">
		div p {
			color: orange;
			font-size: 25px;
		}
		div b {
			color: blue;
			font-size: 25px;
		}
	</style>
</head>
<body>
	<div>
		<p>Teks ini adalah Inheritance p<p>
		<b>Teks ini adalah Inheritance b</b>
	</div>
</body>
</html>


Penjelasan :

1. Pada baris 6 – 9 kita sedang membuat pewarisan pada tag p di dalam tag div. Div adalah parent dan P adalah child.

2. Pada baris 10 – 13 kita sedang membuat pewarisan pada tag b di dalam tag div juga.


Hasil :

Jika belum mengerti, silahkan ditanya di kolom komentar ya teman-teman…

Leave a Reply

Your email address will not be published. Required fields are marked *