Czy ktoś mógłbym mi przystępnie wytłumaczyć (albo wskazać URL) na czym polega
istota różnicy między selektorem dziecka a selektorem potomka?
Może mi źle działają przeglądarki albo nie rozumiem materiałów; nie mogę załapać
różnicy między tymi selektorami.


--
Wysłano z serwisu OnetNiusy: http://niusy.onet.pl

do góry

In news:news:3461.000028fc.4bee7aa5@newsgate.onet.pl,
j...@p...onet.pl wrote:
> Czy ktoś mógłbym mi przystępnie wytłumaczyć (albo wskazać URL) na czym
> polega istota różnicy między selektorem dziecka a selektorem potomka?
> Może mi źle działają przeglądarki albo nie rozumiem materiałów; nie mogę
> załapać różnicy między tymi selektorami.
To jak w życiu: Twój wnuk będzie Twoim potomkiem, ale nie Twoim dzieckiem :>
Dla CSS:
p > a {color: red;}
p a {font-size: 200%;}
i HTML:
<p>
<a></a>
</p>
<p>
<span><a></a></span>
</p>
Pierwszy element "a" będzie miał kolor czerwony i wielkość ×2, drugi tylko
wielkość ×2.
--
Grzesiek

do góry

On 2010-05-15 12:42, j...@p...onet.pl wrote:
> Czy ktoś mógłbym mi przystępnie wytłumaczyć (albo wskazać URL) na czym polega
> istota różnicy między selektorem dziecka a selektorem potomka?

Ja rozumiem, żeby się przy kuzynach itd. gubić, ale dziecko/potomek? ;)
Popatrz na drzewo DOM jak na drzewo genealogiczne:
Weź pod uwagę np. takie drzewo:
<pradziadek>
<dziadek>
<tata>
<Ty/>
</tata>
</dziadek>
</pradziadek>

Przykładowe działające selektory dziecka (i ich tłumaczenie):
pradziadek > dziadek (element dziadek którego rodzicem jest pradziadek)
dziadek > tata (element tata którego rodzicem jest dziadek)
tata > Ty (element Ty którego rodzicem jest tata)
pradziadek > dziadek > tata > Ty (element Ty którego rodzicem jest
element tata, którego rodzicem jest element dziadek, którego rodzicem
jest element pradziadek)

Dla tego samego drzewa następujące selektory dziecka są złe:
pradziadek > tata (element tata którego rodzicem jest pradziadek - eee,
pomiędzy jest jeszcze przecież dziadek, więc nie poleci)
pradziadek > Ty (element Ty, którego rodzicem jest pradziadek - a gdzie
tata i dziadek?)
dziadek > Ty (element Ty, którego rodzicem jest dziadek - a tatuś?)

Ale jak zamienisz je na selektory potomka, to już będą hulać:
pradziadek tata (element tata, którego przodkiem jest pradziadek)
pradziadek Ty (element Ty, którego przodkiem jest pradziadek)
dziadek Ty (element Ty, którego przodkiem jest dziadek)

Zadziałają również selektory dziecka zamienione na selektory potomka:
pradziadek dziadek (element dziadek, którego przodkiem jest pradziadek)
dziadek tata (element tata, którego przodkiem jest dziadek)
tata Ty (element Ty, którego przodkiem jest tata)
pradziadek dziadek tata Ty (element Ty, którego przodkiem jest tata,
którego przodkiem jest dziadek, którego przodkiem jest pradziadek)

Jak nie trudno zauważyć, dla Ty rodzicem jest tylko tata, ale jest on
również przodkiem. dziadek i pradziadek są "tylko" przodkami.

Jak nie załapałeś, to zapytaj mamy :]


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

Albo jeszcze prostsze tłumaczenia:

> Przykładowe działające selektory dziecka (i ich tłumaczenie):
> pradziadek > dziadek

Element dziadek będący dzieckiem elementu pradziadek.

> dziadek > tata

Element tata będący dzieckiem elementu dziadek.

> tata > Ty

Element Ty będący dzieckiem elementu tata.

> pradziadek > dziadek > tata > Ty

Element Ty będący dzieckiem elementu tata, który to jest dzieckiem
elementy dziadek, który zaś jest dzieckiem elementu pradziadek.

> Dla tego samego drzewa następujące selektory dziecka są złe:
> pradziadek > tata

Element tata będący dzieckiem elementu pradziadek - eee, dla pradziadka
tata to wnuk :P

> pradziadek > Ty

Element Ty będący dzieckiem elementu pradziadek - dla pradziadka jesteś
prawnukiem? ;]

> dziadek > Ty

Element Ty będący dzieckiem elementu dziadek - dla dziadka jesteś wnukiem.

> Ale jak zamienisz je na selektory potomka, to już będą hulać:
> pradziadek tata

Element tata będący potomkiem elementu pradziadek.

> pradziadek Ty

Element Ty będący potomkiem elementu pradziadek.

> dziadek Ty

Element Ty będący potomkiem elementu dziadek.

> Zadziałają również selektory dziecka zamienione na selektory potomka:
> pradziadek dziadek

Element dziadek będący potomkiem (dziecko to też potomek) elementu
pradziadek.

> dziadek tata

Element tata będący potomkiem elementu dziadek.

> tata Ty

Element Ty będący potomkiem elementu tata.

> pradziadek dziadek tata Ty

Element Ty, będący potomkiem elementu tata, który to jest potomkiem
elementu dziadek, a ten jest potomkiem elementu pradziadek.

Czyli dziećmi są "tylko": Ty dla tata (tata > Ty), tata dla dziadek
(dziadek > tata), dziadek dla pradziadek (pradziadek > dziadek). Zaś
potomkami są dzieci i ich dzieci itd., czyli
dla pradziadek: dziadek, tata, Ty,
dla dziadek: tata, Ty,
dla tata: Ty.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry