Perbedaan antara kelas dan ID

Kelas vs ID

Cascading Style Sheets (CSS) adalah bahasa yang menggambarkan tampilan dan pemformatan 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 elemen unik tunggal, 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 pada sekelompok elemen. Pemilih kelas digunakan untuk menerapkan gaya tertentu pada serangkaian elemen dengan kelas yang sama. Di CSS, pemilih kelas diidentifikasi dengan berhenti penuh (.). Berikut ini adalah contoh pemilih kelas yang ditentukan dalam CSS.

.kelasku

warna biru;

font-weight: tebal;

HTML dapat merujuk ke kelas yang ditentukan dalam CSS dengan menggunakan kelas atribut seperti yang ditunjukkan di bawah.

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 dalam atribut kelas yang dibatasi oleh ruang seperti yang ditunjukkan di bawah.

Ini adalah pemformatan saya menggunakan dua kelas

Apa itu ID?

Di CSS, pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke elemen unik tunggal. Di CSS, pemilih ID diidentifikasi oleh hash (#). Berikut ini adalah contoh pemilih ID yang ditentukan dalam CSS.

#my_id

warna merah;

Teks-Align: Benar;

HTML dapat merujuk ke pemilih ID yang ditentukan dalam CSS dengan menggunakan ID atribut seperti yang ditunjukkan di bawah.

Ini adalah formasi pemilih ID pemilih saya

IDS unik. Oleh karena itu setiap elemen hanya dapat memiliki ID tunggal dan setiap halaman hanya dapat memiliki satu elemen dengan ID spesifik itu. ID memiliki karakteristik penting yang dapat digunakan dengan browser. Jika URL halaman berisi nilai hash (e.G. http: // myweb.com#my_id) Browser akan mencoba untuk secara otomatis menemukan elemen dengan ID "my_id" dan gulir halaman web untuk menampilkan elemen itu. Ini adalah salah satu alasan mengapa halaman harus memiliki satu elemen dengan ID spesifik itu, sehingga browser dapat menemukan elemen itu.

Apa perbedaan antara kelas dan id?

Meskipun pemilih kelas dan pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri pada elemen di halaman web, mereka memiliki beberapa perbedaan penting. Pemilih kelas dapat digunakan untuk menerapkan gaya Anda sendiri pada sekelompok elemen, sedangkan pemilih ID digunakan untuk menerapkan gaya ke elemen tunggal yang unik. Saat menggunakan ID, setiap elemen hanya dapat memiliki ID tunggal dan setiap halaman hanya dapat memiliki satu elemen dengan ID spesifik itu, tetapi kelas dapat digunakan untuk beberapa elemen dan satu elemen dapat menggunakan beberapa kelas. Selain itu, ID dapat digunakan untuk menggulir halaman secara otomatis untuk menampilkan elemen dengan ID itu, tetapi ini tidak mungkin dengan pemilih kelas.