nth-child() 3 column [solved]

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Dennis WhoCares

Dennis WhoCares

10/11/2015 20:32:23
Quote Anchor link
Hi 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;
Gewijzigd op 10/11/2015 21:45:35 door Dennis WhoCares
 
PHP hulp

PHP hulp

19/12/2024 01:27:39
 
Eddy E

Eddy E

11/11/2015 19:32:50
Quote Anchor link
Ja, 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.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.