Is it possible for me to style every 3rd list item?
Currently in my 960px
wide div I have list of boxes which are floated left and are displayed in a 3x3 grid view. They also have a margin-right of 30px
, but because the 3rd 6th and 9th list item has this margin it makes them jump down a row making the grid display wrongly
How easy is to make the 3rd 6th and 9th not have the margin-right without having to give them a different class, or is that the only way to do it?
li:nth-child(3n+3)
actually, since you want to exclude index 0. I'm surprised that the correct answer wasn't provided after five and a half years. Here is a JSFiddle