Intern
Milliseid erinevusi teate klasside ja identifikaatorite vahel?
sobes.tech AI
Vastus AI-lt
- Klassid (
.class):- Võivad olla rakendatud ühe või mitme elemendile lehel.
- Kasutatakse stiilide või käitumise rühmitamiseks, mis võivad olla ühised erinevatele elementidele.
- CSS-is märgitakse punktiga (
.). - JavaScriptis saab elementide kogumi saada klassi järgi (
getElementsByClassName,querySelectorAll).
- Tuvastajad (
#id):- Peavad olema iga elemendi jaoks lehel unikaalsed.
- HTML5 spetsifikatsiooni kohaselt võib identifikaator ilmuda rohkem kui üks kord, kui dokumendis ei ole rohkem kui üks element sama
idväärtusega. Kuid praktikas on soovitatav kasutada unikaalseidid-sid, et tagada korrektne toimimine JavaScripti ja CSS-iga ning vältida segadust. - Tavaliselt kasutatakse konkreetse ja unikaalse elemendi stiilimiseks või sellele viitamiseks.
- CSS-is märgitakse
#sümboliga. - JavaScriptis saab elemente saada
idjärgi (getElementById).
- CSS-i spetsiifilisus: Tuvastajatel on suurem spetsiifilisus kui klassidel. See tähendab, et ID valija reegel ülekirjutab klassi valija reegli, kui mõlemad kehtivad samale elemendile.
- Semantika:
idkasutatakse sageli lehe struktuuriosade märkimiseks (näiteks#header,#footer), samas kui klassid (.button,.card) võivad kirjeldada elemendi tüüpi või olekut.