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