Perbedaan Antara Kelas dan ID

ID vs kelas

Cascading Style Sheets (CSS) adalah bahasa yang menjelaskan tampilan dan pemformatan dokumen yang ditulis menggunakan bahasa markup. CSS banyak digunakan untuk menata halaman web yang ditulis dalam HTML. CSS memungkinkan menentukan penyeleksi gaya Anda sendiri selain menerapkan gaya untuk elemen HTML. Ini dilakukan dengan menggunakan ID dan penyeleksi kelas. Saat menentukan gaya untuk elemen unik tunggal, pemilih ID digunakan. Saat menentukan gaya untuk sekelompok elemen, pemilih kelas digunakan.

Apa itu Kelas?

Dalam CSS, Pemilih kelas dapat digunakan untuk menerapkan gaya Anda sendiri ke sekelompok elemen. Pemilih Kelas digunakan untuk menerapkan gaya tertentu ke sekumpulan elemen dengan kelas yang sama. Dalam CSS, pemilih kelas diidentifikasi dengan berhenti penuh (.). Berikut ini adalah contoh pemilih kelas yang didefinisikan dalam CSS.

.kelasku

warna biru;

font-weight: bold;

HTML dapat merujuk ke kelas yang didefinisikan dalam CSS dengan menggunakan kelas atribut seperti yang ditunjukkan di bawah ini.

Ini format saya

Ini format saya lagi

Seperti yang ditunjukkan di atas, kelas yang sama dapat digunakan untuk beberapa elemen dan satu elemen dapat menggunakan beberapa kelas. Ketika beberapa kelas digunakan dalam elemen yang sama, kelas dimasukkan ke atribut kelas yang dibatasi oleh spasi seperti yang ditunjukkan di bawah ini..

Ini adalah format saya menggunakan dua kelas

Apa itu ID?

Dalam CSS, pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke satu elemen unik. Dalam CSS, pemilih ID diidentifikasi oleh hash (#). Berikut ini adalah contoh pemilih ID yang didefinisikan dalam CSS.

#my_ID

warna merah;

perataan teks: kanan;

HTML dapat merujuk ke pemilih ID yang didefinisikan dalam CSS dengan menggunakan id atribut seperti yang ditunjukkan di bawah ini.

Ini adalah format saya dari pemilih ID

ID unik. Oleh karena itu setiap elemen hanya dapat memiliki ID tunggal dan setiap halaman hanya dapat memiliki satu elemen dengan ID spesifik tersebut. ID memiliki karakteristik penting yang dapat digunakan dengan browser. Jika URL halaman berisi nilai hash (mis. Http: //myweb.com#my_id) browser akan mencoba mencari elemen secara otomatis dengan ID "my_id" dan gulir halaman web untuk menampilkan elemen itu. Ini adalah salah satu alasan mengapa halaman harus memiliki satu elemen dengan ID spesifik itu, sehingga browser dapat menemukan elemen itu.

Apa perbedaan antara Kelas dan ID?

Meskipun pemilih Kelas dan pemilih ID dapat digunakan untuk menerapkan gaya Anda sendiri ke elemen di halaman web, mereka memiliki beberapa perbedaan penting. Pemilih kelas dapat digunakan untuk menerapkan gaya Anda sendiri ke sekelompok elemen, sedangkan pemilih ID digunakan untuk menerapkan gaya ke elemen tunggal yang unik. Saat menggunakan ID, setiap elemen hanya dapat memiliki ID tunggal dan setiap halaman hanya dapat memiliki satu elemen dengan ID tertentu, tetapi Kelas dapat digunakan untuk beberapa elemen dan elemen tunggal dapat menggunakan beberapa Kelas. Selain itu, ID dapat digunakan untuk menggulir halaman secara otomatis untuk menampilkan elemen dengan ID itu, tetapi ini tidak dimungkinkan dengan pemilih kelas.