Most, hogy már jópár tulajdonsággal megismerkedtél, szeretnék mutatni valamit, amit az is lehet, hogy már tudsz is. Az öröklődést. Vannak CSS tulajdonságok amik öröklődnek, vagyis minden alattuk lévő gyermek címke átveszi ezeket a tulajdonságokat. Például a betűcsalád egy öröklödő tulajdonság Ha beállítod a body címkére, láthatod is, hogy minden gyermek címke megkapja automatikusan ezt a tulajdonságot. Például a h1 bekezdésekben. Csak akkor múlik el a hatása, ha egy másik szabály lép életbe, például ez a szabály, ami a betűcsaládot kurzívra módosítja a címsorok esetén. Egy másik öröklődő tulajdonság a szín. Ha beállítjuk a bodyban, láthatjuk, hogy minden alatta lévő címkére érvényes addig, amíg egy másik szabály felül nem írja. Például itt ez a szabály, ami a h2-t zöldre változtatja. További öröklődő tulajdonságok a font-weight (betűsúly), a font-size (betűméret), a font-style (betűstílus), a line-height (sormagasság), a text-align (igazítás). A legtöbb, amit eddig láttunk öröklődő, mivel a szöveg formázásával kapcsolatosak, és a böngészők úgy gondolják, hogy a webtervezők szeretnék, hogy a stílusok továbbadódjanak, hogy ne kelljen minden szinten újradefiniálni a formázást. Ahogy haladunk tovább, a legtöbb új tulajdonság amit látni fogsz, nem lesz öröklődő. Ha bizonytalan vagy abban, hogy egy tulajdonság öröklődő-e, csak tedd a body címkébe és nézd meg mi történik, vagy keress rá a tulajdonságra az interneten és olvasd el a dokumentációját.