Dziedziczenie


Dziedziczenie polega na tym, że elementy niższe w "rodzinie" dziedziczą elementy leżące wyżej w "rodzinie", chyba że wyraźnie nadamy im różne wartości.


Kaskadowość


Proces łączenia kilku arkuszy stylów oraz rozwiązywania niezgode pomiędzy nimi.


Klasa "kask" użyta tylko do Kaskadowości jest wpisana w innym pliku css.


Różnica między kaskadowością a dziedziczeniem:


Kaskadowość ustala hierarchię różnych źródeł stylów, a dziedziczenie wpływa na wygląd strony za pomocą hierarchii.

Przykłady:




(Przykłady dziedziczenia)
Tu użyty jest główny div który jest ostylowany.

Tu użyty jest drugi div który nadaje kolor czcionki. Reszta wartości jest z rodzica czyli głównego diva.

Tu użyty jest główny div ale jest dodany h4 który ma inny kolor.