nth-child() 3 column [solved]
Dennis WhoCares
10/11/2015 20:32:23Hi all,
ik probeer wat dieper in css in te gaan met o.a. nth-child
Ik heb een '"wrapper" div' waarin ik max. 3 div's naast elkaar zet, en een ntb aantal keer onder elkaar.
Hoe kan ik ervoor zorgen dat ik child 1, 4, 7, 10 enz. dezelfde stijl kan geven.
Evenals 2, 5, 8, 11 enz. (maar dan andere kleur, float ofzo)
en
3, 6, 9, 12 enz. (en ook weer andere style)
nth-child(1n) nth-child(2n) nth-child(3n)
Gaat goed voor de 1e 3, daarna gaat het een stuk minder.
Ook geprobeerd met +1, +2, en +3 maar dat wordt m ook niet.
Ik wil eigenlijk niet met tables werken of iets hoewel dat nu een Q&D oplossing is waar ik graag vanaf stap
Het zal waarschijnlijk wel iets simpels zijn, maar goed
-------------
Ik dacht te moeilijk. Gewoon elke nth-child(4) clear: left;
ik probeer wat dieper in css in te gaan met o.a. nth-child
Ik heb een '"wrapper" div' waarin ik max. 3 div's naast elkaar zet, en een ntb aantal keer onder elkaar.
Hoe kan ik ervoor zorgen dat ik child 1, 4, 7, 10 enz. dezelfde stijl kan geven.
Evenals 2, 5, 8, 11 enz. (maar dan andere kleur, float ofzo)
en
3, 6, 9, 12 enz. (en ook weer andere style)
nth-child(1n) nth-child(2n) nth-child(3n)
Gaat goed voor de 1e 3, daarna gaat het een stuk minder.
Ook geprobeerd met +1, +2, en +3 maar dat wordt m ook niet.
Ik wil eigenlijk niet met tables werken of iets hoewel dat nu een Q&D oplossing is waar ik graag vanaf stap
Het zal waarschijnlijk wel iets simpels zijn, maar goed
-------------
Ik dacht te moeilijk. Gewoon elke nth-child(4) clear: left;
Gewijzigd op 10/11/2015 21:45:35 door Dennis WhoCares
PHP hulp
19/12/2024 01:27:39Eddy E
11/11/2015 19:32:50Ja, maar je kan met nth-child(n+4) dus ook complexere methoden gebruiken.
Ik heb het zelf nog nooit nodig gehad (en zo wel: dan lijkt het mij niet goed in elkaar zitten) en los zoiets dus al veel eerder met PHP oid op.
Ik heb het zelf nog nooit nodig gehad (en zo wel: dan lijkt het mij niet goed in elkaar zitten) en los zoiets dus al veel eerder met PHP oid op.