Sobes.tech
Junior

Jaké rozdíly znáš mezi třídami a ID v CSS?

sobes.tech AI

Odpověď od AI

  • Unikátnost: ID je na stránce jedinečné, třída může být použita na více prvků.
  • Priorita specifikity: ID má vyšší prioritu specifikity (100) ve srovnání s třídou (10).
  • Selektory: Selektor ID je označen #, selektor třídy ..
  • Použití: ID se obvykle používá k stylizaci jednotlivých, unikátních prvků (například hlavička, zápatí), třídy k stylizaci skupin prvků s společnými vlastnostmi (například tlačítka různých barev).
/* Stylování podle ID - použito pouze na jeden prvek */
#header {
  background-color: blue;
}

/* Stylování podle třídy - použito na více prvků */
.button-primary {
  color: white;
  background-color: green;
}
Vlastnost Třída ID
Unikátnost Nejedinečné Jedinečné
Priorita 10 100
Syntaxe .název-třídy #název-id
Použití Skupiny prvků Jedinečné prvky