ID dan class adalah dua jenis selektor dalam CSS yang digunakan untuk mengidentifikasi elemen HTML. ID dan class adalah alat penting untuk mengubah tampilan dan perilaku elemen HTML di halaman web.
ID dan class digunakan untuk memilih dan menentukan elemen HTML tertentu yang ingin diubah tampilannya atau perilakunya dengan CSS. Kedua jenis selektor ini memungkinkan kita untuk menentukan gaya CSS yang berbeda untuk setiap elemen HTML.
ID adalah selektor unik yang diberikan pada elemen HTML tertentu. ID harus unik dan hanya digunakan satu kali di dalam halaman web. ID ditandai dengan tanda pagar (#) di depan nama ID yang ingin digunakan. Contohnya, jika kita ingin memberi ID pada elemen HTML dengan tag <div> dan nama "header", kita dapat menuliskannya sebagai berikut:
<div id="header">...</div>
Dalam CSS, kita dapat menentukan gaya untuk elemen HTML yang memiliki ID tertentu dengan menambahkan tanda pagar di depan nama ID yang ingin diubah. Contohnya, jika kita ingin mengubah warna latar belakang elemen HTML dengan ID "header" menjadi merah, kita dapat menuliskannya seperti berikut:
#header {
background-color: red;
}
Class, di sisi lain, adalah selektor yang dapat digunakan pada beberapa elemen HTML. Class tidak harus unik dan dapat digunakan beberapa kali di dalam halaman web. Class ditandai dengan titik (.) di depan nama class yang ingin digunakan. Contohnya, jika kita ingin memberi class pada elemen HTML dengan tag <p> dan nama "intro", kita dapat menuliskannya sebagai berikut:
Dalam CSS, kita dapat menentukan gaya untuk elemen HTML yang memiliki class tertentu dengan menambahkan tanda titik di depan nama class yang ingin diubah. Contohnya, jika kita ingin mengubah warna teks elemen HTML dengan class "intro" menjadi biru, kita dapat menuliskannya seperti berikut:
Karena class dapat digunakan pada beberapa elemen HTML, kita dapat mengelompokkan elemen HTML tertentu yang memiliki karakteristik atau gaya yang sama dengan class yang sama. Ini memudahkan kita untuk membuat gaya CSS yang konsisten pada elemen HTML yang serupa.
Dalam kesimpulannya, ID dan class adalah dua jenis selektor dalam CSS yang digunakan untuk mengidentifikasi dan memilih elemen HTML tertentu yang ingin diubah tampilannya atau perilakunya. ID adalah selektor unik yang hanya digunakan satu kali di dalam halaman web, sedangkan class dapat digunakan pada beberapa elemen HTML. ID dan class adalah alat penting dalam desain web dan memungkinkan pengembang web untuk menciptakan tampilan yang konsisten dan efisien pada elemen HTML yang serupa.
