CSS öröklődés | Bevezetés a HTML/CSS világába | Programozás | Khan Academy

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.