Css - atribúty class a id

Zhrnutie prednášky

Video ukazuje, ako v CSS zacieliť štýl len na vybrané HTML elementy, a nie na všetky značky daného typu naraz. Vysvetľuje atribúty id a class: id je jedinečný identifikátor, ktorý sa v dokumente môže vyskytnúť iba raz, zatiaľ čo triedu možno priradiť ľubovoľnému počtu značiek. V štýloch sa id vyberá znakom mriežky (#), trieda bodkou (.), čo je predvedené na zarovnaní odseku na stred a zmene farby podnadpisov. Na záver autor ukazuje výber podľa kontextu, napríklad pravidlo pre všetky obrázky vnútri značky main, ktoré nezmení obrázky mimo nej.

• - Selektor podľa značky (napr. p) zasiahne všetky elementy daného typu na stránke.
• - Atribút id je jedinečný identifikátor a v jednom dokumente sa nesmie opakovať.
• - Atribút class možno priradiť viacerým značkám, takže slúži na skupinové štylizovanie.
• - Id sa v CSS vyberá pomocou mriežky (#id), trieda pomocou bodky (.trieda).
• - Jedna značka môže mať súčasne id aj triedu.
• - Selektory možno kombinovať a vyberať potomkov, napr. main img nastaví šírku len obrázkom vnútri main.
• - Obrázky mimo značky main zostanú nezmenené.

Zhrnutie pripravené s pomocou AI z prepisu videa.