Most hogy már csomó tulajdonságot ismersz, mutatnék valamit, amire lehet hogy magad is rájöttél már: 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 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é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ímsorok esetén. 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 amit látni fogsz, már 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!