Context, leányvállalatok és a szomszédos szelektorok CSS

első bekezdés div

második bekezdés div

Csak félkövér szöveget a div

első bekezdés a szervezetben

Szülő elem - címkét, amely tartalmazza az elem vizsgálják.

A példában a szülő-gyermek kapcsolat:

Element div (2. sor) - tekintettel a szülő, mivel a címke h1 h1 (3 sor) - éppen ellenkezőleg, a gyermek elem (gyerek)
p (4 sor) a szülő elem tekintetében az erős (4 sor), mivel az erős - éppen ellenkezőleg, a gyermek elem (gyerek)
Element div (2. sor), ez egy szülő az erős (6 sor), mivel az erős - éppen ellenkezőleg, a gyermek elem (gyerek)
p (8. sor) van a szülő elem tekintetében az erős (8. sor), mivel az erős - éppen ellenkezőleg, egy gyermek elem (gyermek)
test (1 sor) elem a szülő a div (2. sor) és p (sor 8)

Őse - elem található, amely több szinten fenti tartalmazza az elem vizsgálják.

A példában a szülő-gyermek kapcsolatban:

Az elem test a szülő elem H1 (3 sor), p és erős (4 sor), p és erős (5 sor), erős (6 vonal) és erős (8 sor); míg az összes ezek az elemek leszármazottai test
Elem div (2. sor) az őse elemeket erős (4 sor és 5.); míg az erős leszármazottja a div

Bajtársi elem (szomszédos) - elem, amely ugyanazzal a szülő elem alá venni.

A példában, az arány szomszédok (testvérek):

A elemek H1 (3 sor), p (4. sor), p (5 sor) és erős (6 sor) testvérek, vagy a szomszédos elemek.
Elements div (2. sor) és p (8. sor) testvérek, vagy a szomszédos elemek.

A kontextus szelektor CSS (-descendants ősök)

Szabályzat kontextus szelektor is alkalmazni kell, a szülő-gyermek kapcsolat.