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 |