Umí CSS nastylovat html tag podle počtu?
Zdravím, když budu mít v body třeba pět div-ů, můžu jim v css přiřadit styl podle toho na jaké se nachází pozici? Vím, že ne na stránce 5 div-ů a chci nastylovat třetí z nich. Děkuji.
Zdravím, když budu mít v body třeba pět div-ů, můžu jim v css přiřadit styl podle toho na jaké se nachází pozici? Vím, že ne na stránce 5 div-ů a chci nastylovat třetí z nich. Děkuji.
Předmět | Autor | Datum |
---|---|---|
áno jde to,...
cez selector :nth-child()
príklad
https://www.w3schools.com/cssref/tryit.asp?filen… Mlocik97 04.03.2017 22:44 |
Mlocik97 | |
Děkuji. Jakubbb 04.03.2017 22:57 |
Jakubbb | |
Za pomocí JavaScriptu určitě. Flash_Gordon 04.03.2017 22:45 |
Flash_Gordon | |
jde to aj bez JS, priamo v CSS Mlocik97 04.03.2017 22:45 |
Mlocik97 | |
nthchild.html čitateľ 04.03.2017 22:46 |
čitateľ | |
dnes som skorej,... sorry :)) Mlocik97 04.03.2017 22:47 |
Mlocik97 | |
Jenom připojuji, že css nth-child(n) nerad používám. Totiž při pozdějším zásahu do kódu (zvlášť něký… hynajs 05.03.2017 12:37 |
hynajs | |
niekedy je toto ale žiadané, napríklad když pribúda obsah na začiatok (napríklad články, alebo aj na… poslední Mlocik97 05.03.2017 13:10 |
Mlocik97 |
Zpět do poradny Odpovědět na původní otázku Nahoru
áno jde to,...
cez selector :nth-child()
príklad
https://www.w3schools.com/cssref/tryit.asp?filenam e=trycss3_nth-child
viac o tom zde: https://www.w3schools.com/cssref/sel_nth-child.asp
Děkuji.
Za pomocí JavaScriptu určitě.
jde to aj bez JS, priamo v CSS
nthchild.html
dnes som skorej,... sorry
Jenom připojuji, že css nth-child(n) nerad používám. Totiž při pozdějším zásahu do kódu (zvlášť někým jiným) se na klauzuli zapomene a celé stylování jde do kytek.
Jistěže ale existují situace, kdy je použití výhodné.
niekedy je toto ale žiadané, napríklad když pribúda obsah na začiatok (napríklad články, alebo aj na pc.poradna.net samotné vlákna) a vždy majú byť na striedačku podfarbované. jakoby tento efekt:
[img=http://s30.postimg.org/tyq8304ht/screenshot_29.png]http://s30.postimg.org/tyq8304ht/screenshot_29.png [/img]
ktorý je práve napríklad tu na poradne. To už pomocou odd/even ako value pre :nth-child()