Perbedaan Class dan ID

ID harus Unik

  • Satu element hanya bisa memiliki 1 ID
  • Satu page hanya bisa memiliki 1 ID

ID memiliki manfaat lain, yaitu dapat diakses melalui # pada URL. Contoh: www.example.com#comments, browser akan mencari element dengan ID comments dan halaman akan discroll otomatis ke element tersebut.

Class tidak Unik

  • Satu element dapat memiliki lebih dari 1 class
  • Satu class dapat digunakan di element lainnya.

Jika kebutuhannya adalah menerapkan style yang sama untuk berbagai element, maka gunakan class.

Hal-hal penting lainnya

  • CSS tidak membedakan antara ID dan Class.
  • Setiap element dapat menggunakan ID dan Class secara bersamaan.
  • Menambahkan ID dan Class tidak memberi efek styling, Anda perlu membuat CSS untuk target id dan class tersebut dan menerapkan styling.
Sharing is caring:

Leave a Comment