Atribut HTML class digunakan untuk menentukan satu atau beberapa nama kelas untuk suatu elemen HTML.
Kelas dapat digunakan oleh beberapa elemen sekaligus. Di CSS, Anda menyeleksi elemen berdasarkan kelas menggunakan tanda titik (.nama-kelas).
HTML Classes
Satu Class untuk Banyak Elemen:
<!DOCTYPE html>
<html>
<head>
<style>
.kota {
background-color: #0d2e5c;
color: white;
border-left: 4px solid #fca311;
padding: 12px 20px;
margin: 10px 0;
border-radius: 6px;
font-family: sans-serif;
}
</style>
</head>
<body>
<div class="kota">
<h4 style="margin:0;">Kendari</h4>
<p style="margin:5px 0 0;">Ibu kota Sulawesi Tenggara</p>
</div>
<div class="kota">
<h4 style="margin:0;">Kolaka</h4>
<p style="margin:5px 0 0;">Pusat industri & pendidikan USN</p>
</div>
</body>
</html>Anda juga dapat memberikan beberapa kelas ke satu elemen dengan memisahkannya menggunakan spasi, contoh: class="kota sorotan aktif".
Uji Pemahaman Singkat (Test Yourself):
Simbol apa yang digunakan di CSS untuk menyeleksi elemen berdasarkan nama kelasnya?