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 |