Junior
Ce diferențe cunoști între clase și ID-uri în CSS?
sobes.tech AI
Răspuns de la AI
- Unicitate: ID este unic pe pagină, clasa poate fi aplicată mai multor elemente.
- Prioritatea specificității: ID are o prioritate de specificitate mai mare (100) comparativ cu clasa (10).
- Selecții: Selectorul ID este indicat cu
#, selectorul de clasă cu.. - Aplicare: ID este folosit de obicei pentru stilizarea elementelor individuale și unice (de exemplu, antet, subsol), clasele pentru stilizarea grupurilor de elemente cu proprietăți comune (de exemplu, butoane de culori diferite).
/* Stilizare după ID - aplicată doar unui element */
#header {
background-color: blue;
}
/* Stilizare după clasă - aplicată mai multor elemente */
.button-primary {
color: white;
background-color: green;
}
| Caracteristică | Clasă | ID |
|---|---|---|
| Unicitate | Nu este unic | Unic |
| Prioritate | 10 | 100 |
| Sintaxă | .nume-clasă |
#nume-id |
| Aplicare | Grupuri de elemente | Elemente unice |