Sobes.tech
Junior

CSS'te sınıflar ve ID'ler arasında ne farklar biliyorsun?

sobes.tech yapay zeka

AI'dan gelen yanıt

  • Benzersizlik: ID sayfada benzersizdir, sınıf birkaç elemana uygulanabilir.
  • Özellik önceliği: ID, sınıfa göre (10) daha yüksek önceliğe (100) sahiptir.
  • Seçiciler: ID seçici # ile gösterilir, sınıf seçici . ile.
  • Uygulama: ID genellikle tek, benzersiz öğeleri stillendirmek için kullanılır (örneğin, başlık, altbilgi), sınıflar ise ortak özelliklere sahip öğe gruplarını stillendirmek için kullanılır (örneğin, farklı renklerde düğmeler).
/* ID ile stil - sadece bir öğeye uygulanır */
#header {
  background-color: blue;
}

/* Sınıf ile stil - birkaç öğeye uygulanır */
.button-primary {
  color: white;
  background-color: green;
}
Özellik Sınıf ID
Benzersizlik Benzersiz değil Benzersiz
Öncelik 10 100
Sözdizimi .sınıf-ismi #id-ismi
Uygulama Öğeleri gruplama Benzersiz öğeler