Sobes.tech
Junior

Millised erinevused tead CSS-is klasside ja ID-de vahel?

sobes.tech AI

Vastus AI-lt

  • Unikaalsus: ID on unikaalne lehel, klass võib olla rakendatud mitmele elemendile.
  • Spetsifitseerituse prioriteet: ID ir ar augstāku specifitātes prioritetu (100) salīdzinājumā ar klasi (10).
  • Selektori: ID selektors tiek apzīmēts ar #, klases selektors ar ..
  • Pielietojums: ID parasti tiek izmantots, lai stilizētu atsevišķus, unikālus elementus (piem., galveni, kājeni), klases lieto grupu elementu stilizēšanai ar kopīgām īpašībām (piem., dažādu krāsu pogas).
/* Stilizācija pēc ID - tiek piemērota tikai vienam elementam */
#header {
  background-color: blue;
}

/* Stilizācija pēc klases - tiek piemērota vairākiem elementiem */
.button-primary {
  color: white;
  background-color: green;
}
Funkcija Klase ID
Unikāls Nav unikāls Unikāls
Prioritāte 10 100
Sintekss .klases-nosaukums #id-nosaukums
Pielietojums Elementu grupas Vienreizēji elementi