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 |