Perbezaan antara kelas dan ID
Kelas vs ID
Lembaran Gaya Cascading (CSS) adalah bahasa yang menggambarkan rupa dan pemformatan dokumen yang ditulis menggunakan bahasa markup. CSS digunakan secara meluas untuk gaya web gaya yang ditulis dalam HTML. CSS membolehkan menentukan pemilih gaya anda sendiri selain menggunakan gaya untuk elemen HTML. Ini dilakukan menggunakan pemilih ID dan kelas. Semasa menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Semasa menentukan gaya untuk sekumpulan elemen, pemilih kelas digunakan.
Apa itu kelas?
Di CSS, pemilih kelas boleh digunakan untuk menggunakan gaya anda sendiri untuk sekumpulan elemen. Pemilih Kelas digunakan untuk menggunakan gaya khusus untuk satu set elemen dengan kelas yang sama. Di CSS, pemilih kelas dikenal pasti dengan perhentian 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 elemen 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 yang ditunjukkan di bawah.
Ini adalah pemformatan saya menggunakan dua kelas
Apa itu ID?
Di CSS, pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri ke satu elemen unik. Di CSS, pemilih ID dikenal pasti oleh hash (#). Berikut adalah contoh pemilih ID yang ditakrifkan dalam CSS.
#ID saya
warna: merah;
Teks-Align: Betul;
HTML boleh merujuk kepada pemilih ID yang ditakrifkan dalam CSS dengan menggunakan ID atribut seperti ditunjukkan di bawah.
Ini adalah bentuk pemformatan saya sebagai pemilih id
ID adalah unik. Oleh itu setiap elemen hanya boleh mempunyai satu ID dan setiap halaman hanya mempunyai satu elemen dengan ID tertentu. ID mempunyai ciri penting yang boleh digunakan dengan penyemak imbas. Sekiranya URL halaman mengandungi nilai hash (e.g. http: // myweb.com#my_id) Penyemak imbas akan cuba mencari elemen secara automatik dengan id "my_id" dan tatal laman web untuk memaparkan elemen itu. Ini adalah satu sebab mengapa halaman harus mempunyai satu elemen dengan ID tertentu, supaya penyemak imbas dapat mencari elemen tersebut.
Apakah perbezaan antara kelas dan ID?
Walaupun kedua -dua pemilih kelas dan pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri untuk elemen di laman web, mereka mempunyai beberapa perbezaan penting. Pemilih kelas boleh digunakan untuk menggunakan gaya anda sendiri kepada sekumpulan elemen, sementara pemilih ID digunakan untuk menggunakan gaya untuk satu elemen 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 itu, tetapi ini tidak mungkin dengan pemilih kelas.
