Most, hogy már csomó tulajdonságot ismersz, mutatnék valamit, amire lehet hogy már magad is rájöttél: az öröklődés fogalmát. 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 ö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ések is. 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 h2 címsoroknál. Egy másik öröklődő tulajdonság a szín. Ha beállítjuk a bodyban akkor láthatod, hogy az alatta lévő címkékre é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), 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 tulajdonság, amit eddig láttunk, öröklődő, mert a szöveg formázásával kapcsolatos, és a böngészők úgy gondolják, hogy a webtervezők azt szeretnék, ha a stílusok továbbadódnának, hogy ne kelljen mindig újradefiniálni a formázást. Ahogy viszont haladunk tovább, a legtöbb új tulajdonság már nem lesz öröklődő. Ha bizonytalan vagy benne, hogy ö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!