Sobes.tech
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