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 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,
akkor láthatod, hogy minden
gyermek címke is megkapja ezt a tulajdonságot.
Például a h1 bekezdésekben.
Csak akkor múlik el a hatása, ha egy más szabály lép életbe,
például ez a szabály, ami megváltoztatja a betűcsaládot
minden címsor esetén kurzívvá.
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 kapcsoaltosak,
és a böngészők úgy gondolják, hogy a webtervezők
szeretnék, hogy a stílusok továbbadódjanak,
hogy ne keljen 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.