Perbedaan antara kelas dan id dalam CSS

Atribut elemen CSS sering menjadi bahan perdebatan antara profesional dan penggemar. Apakah perlu untuk menerapkan ini atau itu, seberapa tepat untuk hasil yang identik, kode mana yang lebih murah dan lebih benar, dan pertanyaan seperti ini terus dibahas, termasuk menyentuh atribut class dan id.

Konten artikel

  • Definisi
  • Perbandingan
  • Kesimpulan

Definisi

Kelas Div - atribut elemen yang menugaskannya ke kelas.

Div id - atribut elemen yang secara unik mengidentifikasinya.

untuk isi ↑

Perbandingan

Perbedaan antara kelas dan id dalam CSS tidak dianggap kardinal, dan ini atau itu sering diterapkan tergantung pada bias penulis. Perbedaan utama antara kelas dan id adalah bahwa yang pertama dapat diberikan ke beberapa elemen, yang kedua adalah unik dan ditugaskan ke satu elemen di halaman. Menggunakan id id menghindari bertingkat bertingkat yang dihasilkan saat menggunakan kelas div.

Selain itu, atribut id, tidak seperti kelas, dapat digunakan untuk tautan jangkar, karena ini cukup untuk memberikan elemennya dan merujuk elemen ini sebagai jangkar. Juga, id akan memiliki prioritas dalam tabel CSS jika diatur secara bersamaan dengan kelas. Yang terakhir, pada gilirannya, memungkinkan Anda untuk menerapkan banyak kelas ke satu elemen. Nama kelas dapat ditulis dengan spasi, pengidentifikasi panggilan semacam itu tidak menyiratkan. Keuntungan lain dari id adalah kemampuan untuk mencari elemen dalam kode dengan atribut ini menggunakan fungsi document.getElementById ().

untuk isi ↑

Kesimpulan

  1. Kelas Div - menetapkan kelas ke elemen, div id - mengidentifikasi.
  2. Kelas ditugaskan ke beberapa elemen, id unik di halaman.
  3. Beberapa kelas dapat ditugaskan ke satu elemen melalui kelas, dan hanya satu id.
  4. Prioritas CSS adalah id.
  5. Pencarian kode berdasarkan atribut id lebih mudah.