KASKADOWOŚĆ

Spójrz. Ten oto tekst jest ładnie ostylowany w pliku css, ma dosyć łagodny kolor i jest wszystko fajnie.

body{ background-color: rgb(149, 149, 149); color: #050505; font-family: inherit; font-size: 20px; }

A TEN WALONY TEKST JEST OSTYLOWANY Z POMOCĄ PLIKU HTML, A ZGODNIE Z ZASADĄ KASKADOWOŚCI TEKST ÓW PRZYJMUJE STYL NAJNIŻSZY W PLIKU.

DZIEDZICZENIE

Najstarszy z rodu - ostylowany jak body.
Potomek w znaczniku main - brak ostylowania jest równe z przyjęciem stylu poprzednika.
Tutaj mamy diva - młodzieńca buntownika, który sam siebie ostylował.
div{ padding: 100px; text-align: center; background-color: bisque; }

Tutaj jest najmłodszy z wszystkich. chce być najlepszy, więc dziedziczy wszystko, ale to WSZYSTKO po dziadku, bo jest z nim ostylowany.