Bisakah saya menggunakan class yang sama untuk beberapa elemen yang berbeda?
Ya, Anda bisa menggunakan class yang sama untuk beberapa elemen yang berbeda. Itu adalah salah satu kegunaan utama class dalam CSS. Dengan mendefinisikan satu set gaya dalam satu class, Anda bisa menerapkan gaya tersebut ke banyak elemen sekaligus hanya dengan menambahkan class tersebut ke elemen-elemen tersebut.
Berikut adalah contohnya:
.myClass {
background: #F0F8FF;
}
<div class="myClass">Content 1</div>
<p class="myClass">Content 2</p>
<span class="myClass">Content 3</span>
Dalam contoh ini, semua elemen dengan class myClass akan memiliki latar belakang berwarna #F0F8FF , yang merupakan kode hex untuk warna biru muda. Anda bisa mengganti #F0F8FF dengan kode warna hex apa pun yang Anda inginkan.
Ini sangat berguna ketika Anda ingin menerapkan gaya yang sama ke banyak elemen yang berbeda, atau jika Anda ingin menerapkan beberapa gaya yang berbeda ke elemen yang sama. Anda bisa mendefinisikan gaya untuk setiap class dalam CSS Anda, dan kemudian menerapkan class tersebut ke elemen yang Anda inginkan di HTML Anda.