CSS-də siniflər və ID-lər arasında hansı fərqləri bilirsiniz?

• Yeganəlik: ID səhifədə unikal, sinif isə bir neçə elementə tətbiq oluna bilər.
• Xüsusiyyətin prioriteti: ID, sinifə nisbətən (10) daha yüksək prioritetə (100) malikdir.
• Seçicilər: ID seçicisi # ilə göstərilir, sinif seçicisi . ilə.
• Tətbiq: ID adətən tək, unikal elementləri stilləşdirmək üçün istifadə olunur (məsələn, başlıq, ayaq hissəsi), siniflər isə ümumi xüsusiyyətlərə malik element qruplarını stilləşdirmək üçün istifadə olunur (məsələn, müxtəlif rəngli düymələr).

/* ID ilə stil - yalnız bir elementə tətbiq edilir */
#header {
  background-color: blue;
}

/* Sinif ilə stil - bir neçə elementə tətbiq edilir */
.button-primary {
  color: white;
  background-color: green;
}

Xüsusiyyət	Sinif	ID
Yeganəlik	Yeganə deyil	Yeganə
Prioritet	10	100
Sintaksis	.sinif-adi	#id-adi
Tətbiq	Element qrupları	Yeganə elementlər