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 laman web gaya 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 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 dikenalpasti oleh hentian penuh (.). Berikut ialah contoh pemilih kelas yang ditakrifkan dalam CSS.
. my_class {
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 pelbagai 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 untuk satu elemen unik. Dalam CSS, pemilih ID dikenal pasti dengan hash (#). Berikut adalah contoh pemilih ID yang ditakrifkan dalam CSS.
#my_ID {
warna: merah;
teks-align: right;
}
HTML boleh merujuk kepada pemilih ID yang ditakrifkan dalam CSS dengan menggunakan id atribut seperti ditunjukkan di bawah.
Ini adalah borang pemformatan saya ID pemilih
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 (e.gg // myweb com # my_id) penyemak imbas akan cuba untuk mencari unsur dengan ID "my_id" secara automatik dan tatal laman web untuk memaparkan unsur tersebut. Ini adalah salah satu sebab mengapa halaman harus mempunyai satu elemen dengan ID khusus tersebut, supaya penyemak imbas dapat mencari elemen tersebut.
Apakah perbezaan antara Kelas dan ID?
Walaupun kedua pemilih Kelas dan ID pemilih 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 elemen dan satu elemen boleh menggunakan pelbagai Kelas.Selain itu, ID boleh digunakan untuk menatal halaman secara automatik untuk memaparkan elemen dengan ID tersebut, tetapi ini tidak mungkin dengan pemilih kelas.
