Junior
Kokias skirtumus žinai tarp klasių ir ID CSS?
sobes.tech AI
Atsakymas iš AI
- Unikalumas: ID yra unikalus puslapyje, klasė gali būti taikoma keliems elementams.
- Specifiškumo prioritetas: ID turi aukštesnį specifiškumo prioritetą (100) lyginant su klase (10).
- Selekcijos: ID selektorius žymimas
#, klasės selektorius -.. - Taikymas: ID dažniausiai naudojamas stiliui taikyti individualiems, unikaliems elementams (pvz., antraštė, poraštė), klases naudoti grupių elementų stiliui, turinčių bendras savybes (pvz., skirtingų spalvų mygtukai).
/* Stilius pagal ID - taikomas tik vienam elementui */
#header {
background-color: blue;
}
/* Stilius pagal klasę - taikomas keliems elementams */
.button-primary {
color: white;
background-color: green;
}
| Savybė | Klasė | ID |
|---|---|---|
| Unikalumas | Nenuoseklus | Unikalus |
| Prioritetas | 10 | 100 |
| Sintaksė | .klasės-pavadinimas |
#id-pavadinimas |
| Taikymas | Elementų grupės | Unikalūs elementai |