how to select two nth children in css
i have a container that contains 6 children, i want to select the 3rd and 4th children .
Bi know i could do div:nth-child(3), div:nth-child(4){}
Bbut is there any way i could do it in one line of code
Blike div:nth-child(3,4)
Bthis doesnt work
Ἔdo those children have a class? and what are you trying to do?
Ἔmaybe you're going about it the wrong way, and there could be an easier way
Byes those children have the same class
Ball 6
Bsame class
Ἔwhat are you trying to do?
BBlike the menu section of this page
Bi want the middle row's children to be row-reverse
Bbtw im not sure if colorlib is trustable site to visit
Bi always wanna pre-warn others so as to not get them in trouble
Ἔwhat that theme is doing is to manually put the content where it should be
Ἔif the image is on the left, the markup has the image on the left
Ἔif the image is on the right, the markup has the image on the right
Mwith grid (subgrid in my case) and a little bit of js, you can loop over the items and check if the row is odd or not. and style according to it
https://codepen.io/MarkBoots/pen/mdYXzXN?editors=1111
(if im not mistaken they are working on css row/column selectors for grid, but probably will take a while)
it's also responsive and doesn't minds the amount of childs
https://codepen.io/MarkBoots/pen/mdYXzXN?editors=1111
(if im not mistaken they are working on css row/column selectors for grid, but probably will take a while)
it's also responsive and doesn't minds the amount of childs
Ἔhttps://jsfiddle.net/c3rm6yzg/ <-- you can hard-code it as well, or automatically generate it with sass
Ἔ
Ἔthe trick is math
Ἔevery
2*cols - [0..cols-1], you set the styleἜif you want 3 columns, it's
2*3n - [0..2] -> [6n, 6n - 1, 6n - 2], which selects the 6th, 5th and 4th elements, and then the 12th, 11th and 10th, and then the 18th, 17th and 16th ...
C would achieve it in a single line but it isn't really that different to what you allready tried.
Ἔthat doesn't work
Ἔ
Ἔit will work for 2 columns, but not for 3
CI was really just answering the original question. I know it won't work for 3 columns but that wasn't what bonaventure was originally asking.
Both you and Mark have provided much more complete solutions, I was just concentrating on the original question.
Both you and Mark have provided much more complete solutions, I was just concentrating on the original question.
Ἔyours is good for the exact solution, but it isn't very extensible in the future, and if you need 3 or 4 columns it will have to be re-written
Ἔmine is very loopable
CI absolutely agree
Ἔi agree as well
Ἔbut it is a nice trick, not gonna lie
Ἔyours has another problem: it only works for the 3rd and 4th, and doesn't select the 8th and 9th
Ἔwhich, again, for this exact question works fine
Mif only we had
:nth-row() / :nth-column()Ἔwe kinda do
Ἔ:nth-child(n of .selector)Ἔif js sets the class, for example, then it's done
Ἔbut then, that's dumb and js can just set the class
Ἔwait, no, this makes no sense, ignore it
Ἔ
KWas talking with Tab Atkins at CSS day and it sounds like we'll be able to select specific grid cells one of these days 
Ἔhopefully it works for tables too