Kelas lwn ID
Cascading Style Sheets (CSS) ialah bahasa yang menerangkan rupa dan pemformatan dokumen yang ditulis menggunakan bahasa penanda. CSS digunakan secara meluas untuk menggayakan halaman web yang ditulis dalam HTML. CSS membenarkan menentukan pemilih gaya anda sendiri selain menggunakan gaya untuk elemen HTML. Ini dilakukan menggunakan ID dan pemilih kelas. Apabila menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Apabila menentukan gaya untuk sekumpulan elemen, pemilih kelas digunakan.
Apakah itu Kelas?
Dalam CSS, pemilih Kelas boleh digunakan untuk menggunakan gaya anda sendiri pada sekumpulan elemen. Pemilih Kelas digunakan untuk menggunakan gaya tertentu pada set elemen dengan kelas yang sama. Dalam CSS, pemilih kelas dikenal pasti dengan noktah (.). Berikut ialah contoh pemilih kelas yang ditakrifkan dalam CSS.
.kelas_saya {
warna: biru;
huruf-berat: tebal;
}
HTML boleh merujuk kepada kelas yang ditakrifkan dalam CSS dengan menggunakan kelas atribut seperti yang ditunjukkan di bawah.
Ini pemformatan saya
Ini pemformatan saya sekali lagi
Seperti yang ditunjukkan di atas, kelas yang sama boleh digunakan untuk berbilang elemen dan satu elemen boleh menggunakan berbilang kelas. Apabila berbilang kelas digunakan dalam elemen yang sama, kelas tersebut dimasukkan ke dalam atribut kelas yang dihadkan oleh ruang seperti yang ditunjukkan di bawah.
Ini ialah pemformatan saya menggunakan dua kelas
Apakah ID itu?
Dalam CSS, pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri pada satu elemen unik. Dalam CSS, pemilih ID dikenal pasti dengan cincang (). Berikut ialah contoh pemilih ID yang ditakrifkan dalam CSS.
my_ID {
warna: merah;
text-align:right;
}
HTML boleh merujuk kepada pemilih ID yang ditakrifkan dalam CSS dengan menggunakan id atribut seperti yang ditunjukkan di bawah.
Ini ialah pemformatan saya sebagai pemilih ID
ID adalah unik. Oleh itu setiap elemen hanya boleh mempunyai satu ID 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 cincang (cth. https://myweb.commy_id) penyemak imbas akan cuba mencari secara automatik elemen dengan ID "my_id" dan tatal halaman web untuk memaparkan elemen tersebut. Ini adalah satu sebab mengapa halaman harus mempunyai satu elemen dengan ID khusus itu, supaya penyemak imbas boleh mengesan elemen tersebut.
Apakah perbezaan antara Kelas dan ID?
Walaupun kedua-dua pemilih Kelas dan pemilih ID boleh digunakan untuk menggunakan gaya anda sendiri pada elemen dalam halaman web, ia mempunyai beberapa perbezaan penting. Pemilih kelas boleh digunakan untuk menggunakan gaya anda sendiri pada sekumpulan elemen, manakala pemilih ID digunakan untuk menggunakan gaya pada elemen tunggal yang unik. Apabila menggunakan ID, setiap elemen hanya boleh mempunyai satu ID dan setiap halaman hanya boleh mempunyai satu elemen dengan ID khusus itu, tetapi Kelas boleh digunakan untuk berbilang elemen dan satu elemen boleh menggunakan berbilang Kelas. Tambahan pula, ID boleh digunakan untuk menatal halaman secara automatik untuk memaparkan elemen dengan ID itu, tetapi ini tidak boleh dilakukan dengan pemilih kelas.
