Kelas vs ID
Cascading Style Sheets (CSS) adalah bahasa yang menggambarkan rupa dan format dokumen yang ditulis menggunakan bahasa markup. CSS banyak digunakan untuk menggayakan laman web yang ditulis dalam HTML. CSS membolehkan menentukan pemilih gaya anda sendiri selain menerapkan gaya untuk elemen HTML. Ini dilakukan dengan menggunakan ID dan pemilih kelas. Semasa menentukan gaya untuk satu elemen unik, pemilih ID digunakan. Semasa menentukan gaya untuk sekumpulan elemen, pemilih kelas digunakan.
Apa itu Kelas?
Dalam CSS, Pemilih kelas dapat digunakan untuk menerapkan gaya anda sendiri pada sekelompok elemen. Pemilih Kelas digunakan untuk menerapkan gaya tertentu pada sekumpulan elemen dengan kelas yang sama. Dalam CSS, pemilih kelas dikenal pasti dengan titik noktah (.). Berikut adalah contoh pemilih kelas yang ditentukan dalam CSS.
.kelas saya {
warna: biru;
font-weight: tebal;
}
HTML boleh merujuk kepada 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. Apabila beberapa kelas digunakan dalam elemen yang sama, kelas dimasukkan ke atribut kelas yang dibatasi oleh ruang seperti yang ditunjukkan di bawah.
Ini adalah format saya menggunakan dua kelas
Apa itu ID?
Dalam CSS, pemilih ID dapat digunakan untuk menerapkan gaya anda sendiri pada satu elemen unik. Dalam CSS, pemilih ID dikenali oleh hash (#). Berikut adalah contoh pemilih ID yang ditentukan dalam CSS.
#ID saya {
warna: merah;
text-align: kanan;
}
HTML boleh merujuk kepada pemilih ID yang ditentukan dalam CSS dengan menggunakan id atribut seperti yang ditunjukkan di bawah.
Ini adalah format saya pemilih ID
ID unik. Oleh itu setiap elemen hanya boleh mempunyai satu ID dan setiap halaman hanya boleh mempunyai satu elemen dengan ID tersebut. ID mempunyai ciri penting yang boleh digunakan dengan penyemak imbas. Sekiranya URL halaman mengandungi nilai hash (mis. Http: //myweb.com#my_id) penyemak imbas akan cuba mencari elemen dengan ID "my_id" secara automatik dan menatal laman web untuk memaparkan elemen tersebut. Ini adalah satu sebab mengapa halaman harus mempunyai satu elemen dengan ID tertentu itu, sehingga penyemak imbas dapat mencari elemen tersebut.
Apakah perbezaan antara Kelas dan ID?
Walaupun kedua-dua pemilih Kelas dan pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri pada elemen dalam laman web, mereka memiliki beberapa perbezaan penting. Pemilih kelas dapat digunakan untuk menerapkan gaya Anda sendiri pada sekelompok elemen, sedangkan pemilih ID digunakan untuk menerapkan gaya pada elemen tunggal yang unik. Ketika menggunakan ID, setiap elemen hanya dapat memiliki satu ID dan setiap halaman hanya dapat memiliki satu elemen dengan ID khusus itu, tetapi Kelas dapat digunakan untuk beberapa elemen dan satu elemen dapat menggunakan beberapa Kelas. Selanjutnya, ID boleh digunakan untuk menatal halaman secara automatik untuk menampilkan elemen dengan ID tersebut, tetapi ini tidak mungkin dilakukan dengan pemilih kelas.
