Perbezaan Antara Kelas dan ID

Kelas vs ID

Cascading Style Sheets (CSS) adalah bahasa yang menggambarkan rupa dan pemformatan dokumen yang ditulis menggunakan bahasa markup. CSS digunakan secara meluas untuk gaya laman web yang ditulis dalam HTML. CSS membenarkan menentukan pemilih gaya anda sendiri selain menggunakan gaya untuk elemen HTML. Ini dilakukan menggunakan pemilih ID dan kelas. Apabila menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Apabila menentukan gaya untuk kumpulan elemen, pemilih kelas digunakan.

Apakah itu Kelas??

Dalam CSS, pemilih Kelas boleh digunakan untuk menggunakan gaya anda sendiri kepada sekumpulan unsur. Pemilih Kelas digunakan untuk menggunakan gaya tertentu kepada satu set elemen dengan kelas yang sama. Dalam CSS, pemilih kelas dikenal pasti dengan hentian penuh (.). Berikut adalah contoh pemilih kelas yang ditakrifkan dalam CSS.

.kelas saya

warna: biru;

font-weight: bold;

HTML boleh merujuk kepada kelas yang ditakrifkan dalam CSS dengan menggunakan kelas atribut seperti ditunjukkan di bawah.

Ini adalah pemformatan saya

Ini adalah pemformatan saya lagi

Seperti yang ditunjukkan di atas, kelas yang sama boleh digunakan untuk pelbagai unsur dan satu elemen boleh menggunakan pelbagai kelas. Apabila berbilang kelas digunakan dalam elemen yang sama, kelas dimasukkan ke dalam atribut kelas yang dibatasi oleh ruang seperti ditunjukkan di bawah.

Ini adalah pemformatan saya menggunakan dua kelas

Apa itu ID?

Dalam CSS, pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri kepada satu elemen unik. Dalam CSS, pemilih ID dikenal pasti oleh hash (#). Berikut adalah contoh pemilih ID yang ditakrifkan dalam CSS.

#ID saya

warna: merah;

teks-align: right;

HTML boleh merujuk kepada pemilih ID yang ditakrifkan dalam CSS dengan menggunakan id atribut seperti ditunjukkan di bawah.

Ini ialah format saya pemilih ID

ID adalah unik. Oleh itu setiap elemen hanya boleh mempunyai ID tunggal dan setiap halaman hanya boleh mempunyai satu elemen dengan ID khusus tersebut. ID mempunyai ciri penting yang boleh digunakan dengan penyemak imbas. Jika URL halaman mengandungi nilai hash (mis. Http: //myweb.com#my_id) penyemak imbas akan cuba untuk mencari elemen dengan ID "my_id" secara automatik dan tatal laman web untuk memaparkan elemen tersebut. Ini adalah salah satu sebab mengapa halaman harus memiliki satu elemen dengan ID khusus itu, supaya penyemak imbas dapat mencari elemen tersebut.

Apakah perbezaan antara Kelas dan ID?

Walaupun kedua pemilih Kelas dan pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri kepada elemen dalam laman web, mereka mempunyai beberapa perbezaan penting. Pemilih kelas boleh digunakan untuk memohon gaya anda sendiri kepada sekumpulan elemen, sementara pemilih ID digunakan untuk memohon gaya ke satu, elemen yang unik. Apabila menggunakan ID, setiap elemen hanya boleh mempunyai ID tunggal dan setiap halaman hanya boleh mempunyai satu elemen dengan ID tertentu, tetapi Kelas boleh digunakan untuk pelbagai unsur dan satu elemen boleh menggunakan pelbagai Kelas. Tambahan pula, ID boleh digunakan untuk menatal halaman secara automatik untuk memaparkan elemen dengan ID itu, tetapi ini tidak mungkin dengan pemilih kelas.