Kelas vs ID
Cascading Style Sheets (CSS) adalah bahasa yang menjelaskan tampilan dan format dokumen yang ditulis menggunakan bahasa markup. CSS banyak digunakan untuk menata halaman web yang ditulis dalam HTML. CSS memungkinkan menentukan pemilih gaya Anda sendiri selain menerapkan gaya untuk elemen HTML. Ini dilakukan dengan menggunakan ID dan pemilih kelas. Saat menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Saat menentukan gaya untuk sekelompok elemen, pemilih kelas digunakan.
Apa itu Kelas?
Dalam CSS, pemilih Kelas dapat digunakan untuk menerapkan gaya Anda sendiri ke sekelompok elemen. Pemilih Kelas digunakan untuk menerapkan gaya tertentu ke sekumpulan elemen dengan kelas yang sama. Dalam CSS, pemilih kelas diidentifikasi dengan tanda titik (.). Berikut adalah contoh pemilih kelas yang didefinisikan dalam CSS.
.kelas_saya {
warna: biru;
berat font: tebal;
}
HTML dapat merujuk ke kelas yang didefinisikan dalam CSS dengan menggunakan kelas atribut seperti yang ditunjukkan di bawah ini.
Ini adalah format saya
Ini adalah format saya lagi
Seperti yang ditunjukkan di atas, kelas yang sama dapat digunakan untuk beberapa elemen dan satu elemen dapat menggunakan beberapa kelas. Ketika beberapa kelas digunakan dalam elemen yang sama, kelas-kelas tersebut dimasukkan ke dalam atribut kelas yang dibatasi oleh spasi seperti yang ditunjukkan di bawah ini.
Ini adalah pemformatan saya menggunakan dua kelas
Apa itu ID?
Dalam CSS, pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke satu elemen unik. Dalam CSS, pemilih ID diidentifikasi oleh hash (). Berikut adalah contoh pemilih ID yang didefinisikan dalam CSS.
ID_saya {
warna: merah;
text-align:kanan;
}
HTML dapat merujuk ke pemilih ID yang didefinisikan dalam CSS dengan menggunakan id atribut seperti yang ditunjukkan di bawah ini.
Ini adalah formulir pemformatan saya pemilih ID
ID unik. Oleh karena itu setiap elemen hanya dapat memiliki satu ID dan setiap halaman hanya dapat memiliki satu elemen dengan ID tertentu tersebut. ID memiliki karakteristik penting yang dapat digunakan dengan browser. Jika URL halaman berisi nilai hash (mis. https://myweb.commy_id), browser akan mencoba mencari elemen secara otomatis dengan ID “my_id” dan menggulir halaman web untuk menampilkan elemen tersebut. Ini adalah salah satu alasan mengapa halaman harus memiliki satu elemen dengan ID spesifik tersebut, sehingga browser dapat menemukan elemen tersebut.
Apa perbedaan antara Kelas dan ID?
Meskipun pemilih Kelas dan pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke elemen di halaman web, mereka memiliki beberapa perbedaan penting. Pemilih kelas dapat digunakan untuk menerapkan gaya Anda sendiri ke sekelompok elemen, sedangkan pemilih ID digunakan untuk menerapkan gaya ke satu elemen unik. Saat menggunakan ID, setiap elemen hanya dapat memiliki satu ID dan setiap halaman hanya dapat memiliki satu elemen dengan ID spesifik tersebut, tetapi Kelas dapat digunakan untuk beberapa elemen dan satu elemen dapat menggunakan beberapa Kelas. Selanjutnya, ID dapat digunakan untuk menggulir halaman secara otomatis untuk menampilkan elemen dengan ID tersebut, tetapi hal ini tidak dapat dilakukan dengan pemilih kelas.
