Css first-child
-
LukineskoNR
Expert
- Príspevky: 190
- Registrovaný: 05 sep 2014, 22:57
Css first-child
Chcem sa opýtať je rozdiel medzi .class >h3 a .class h3:first-child ? Oba znamenajú priamy potomok a je to to iste ?
-
Michaelo
Hardcore addict
- Príspevky: 6177
- Registrovaný: 16 júl 2008, 20:29
- Bydlisko: Pri PC
- Kontaktovať používateľa:
Re: Css first-child
Nie,
h3:first-child ti zoberie iba h3 ktora je prva v nejakom elemente (ak pred nou nejaky element uz je, neoznaci ju).
element > h3 nevyzaduje aby bol element prvy. Teda ak mas v dive h1, h2 a h3 za sebou a das div > h3, tak ti to h3 najde, lebo ta h3 je priamy potomok, ale nemusi byt zaroven prva.
Ukazka:
https://jsfiddle.net/kztttyqr/ - vsimni si ze pve H3 nie je vyznacene
https://jsfiddle.net/kztttyqr/1/ - po prehodeni na H1, ktore je prvy potomok su obe vyznacene
https://jsfiddle.net/kztttyqr/2/ - samozrejme po specifikovani parenta oznaci len prvu H1, ale nikdy neoznaci H2 alebo H3, lebo pred nimi uz nieco je.
h3:first-child ti zoberie iba h3 ktora je prva v nejakom elemente (ak pred nou nejaky element uz je, neoznaci ju).
element > h3 nevyzaduje aby bol element prvy. Teda ak mas v dive h1, h2 a h3 za sebou a das div > h3, tak ti to h3 najde, lebo ta h3 je priamy potomok, ale nemusi byt zaroven prva.
Ukazka:
https://jsfiddle.net/kztttyqr/ - vsimni si ze pve H3 nie je vyznacene
https://jsfiddle.net/kztttyqr/1/ - po prehodeni na H1, ktore je prvy potomok su obe vyznacene
https://jsfiddle.net/kztttyqr/2/ - samozrejme po specifikovani parenta oznaci len prvu H1, ale nikdy neoznaci H2 alebo H3, lebo pred nimi uz nieco je.