Dědičnost, specifičnost, BEM

14. 3. 2023

Opakování

Hra na procvičení HTML tagů

Dědičnost

Dědičnost v CSS je způsob, jakým se dostávají hodnoty vlastností od rodičovských elementů k potomkům.

Dědičnost hezky popsal Martin Michálek ve svém článku. Doporučuji přečíst.

Kaskáda a specifičnost

Také hezky popsané od Martina Michálka v dalšího jeho článku.

BEM metodia

Konvence, jak budeme pojmenovávat CSS třídy. Podrobnou dokumentaci naleznete na oficiálních stránkách.

Základy pojmenovávání tříd

        /*blok*/
        jmeno-bloku
        /*modifikátor bloku*/
        jmeno-bloku--jmeno-modifikatoru-bloku
        /*element bloku*/
        jmeno-bloku__jmeno-elementu
        /*modifikátor elementu bloku*/
        jmeno-bloku__jmeno-elementu--jmeno-modifikatoru-elementu

Úkol

odkaz na GitHub