Perbedaan Antara Kelas dan ID
Kelas vs ID
Cascading Style Sheets (CSS) adalah bahasa yang menggambarkan tampilan dan format dokumen yang ditulis menggunakan bahasa markup. CSS banyak digunakan untuk menata halaman web yang ditulis dalam HTML. CSS memungkinkan menentukan penyeleksi gaya Anda sendiri selain menerapkan gaya untuk elemen HTML. Hal ini dilakukan dengan menggunakan ID dan class selectors. Saat menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Saat menentukan gaya untuk sekelompok elemen, pemilih kelas digunakan.
Apa itu Kelas?
Di CSS, pemilih Kelas dapat digunakan untuk menerapkan gaya Anda sendiri ke sekelompok elemen. Pemilih Kelas digunakan untuk menerapkan gaya tertentu ke satu set elemen dengan kelas yang sama. Di CSS, pemilih kelas diidentifikasi oleh titik akhir (.). Berikut adalah contoh pemilih kelas yang didefinisikan dalam CSS.
. warna my_class {
: biru;
font-weight: bold;
}
HTML dapat merujuk ke kelas yang didefinisikan di CSS dengan menggunakan kelas atribut seperti 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 dimasukkan ke atribut kelas yang dibatasi oleh spasi seperti ditunjukkan di bawah ini.
Ini adalah format saya menggunakan dua kelas
Apakah itu ID?
Di CSS, pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke satu elemen unik. Di CSS, pemilih ID diidentifikasi dengan hash (#). Berikut adalah contoh pemilih ID yang didefinisikan di CSS.
#my_ID {
warna: merah;
text-align: right;
}
HTML dapat merujuk ke pemilih ID yang didefinisikan di CSS dengan menggunakan id atribut seperti ditunjukkan di bawah ini.
Ini adalah formatting saya ID ID pemilih
yang unik. Oleh karena itu setiap elemen hanya memiliki satu ID dan setiap halaman hanya memiliki satu elemen dengan ID spesifik itu. ID memiliki karakteristik penting yang bisa digunakan dengan browser. Jika URL halaman berisi nilai hash (e. G. // myweb.com # my_id) browser akan mencoba untuk secara otomatis menemukan elemen dengan ID "my_id" dan menggulir halaman web untuk menampilkan elemen itu. Ini adalah satu alasan mengapa halaman harus memiliki satu elemen dengan ID spesifik itu, sehingga browser dapat menemukan elemen itu.
Apa perbedaan antara Class dan ID?
Meskipun pemilih Kelas dan pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke elemen dalam 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 pada elemen unik tunggal. Saat menggunakan ID, setiap elemen hanya dapat memiliki satu ID dan setiap halaman hanya memiliki satu elemen dengan ID spesifik tersebut, namun 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 itu, tapi ini tidak mungkin dilakukan dengan pemilih kelas.
