Let's say I have these elements:
<li class="class1">content</li>
<li class="class1">content</li>
<li class="class1 class2">content</li>
<li class="class1">content</li>
<li class="class1">content</li> <!-- I want nth-child(4n) to select this-->
<li class="class1">content</li>
<li class="class1">content</li>
<li class="class1">content</li>
I want to use a .class1:nth-child(4n)
to select every 4th element, but if an element has BOTH class1
and class2
I don't want it to be included in the "every 4th" counting--I just want it to be ignored.
I've tried .class1:not(.class2):nth-child(4n)
, but it doesn't seem to work. Any ideas?
Here's a JSFiddle for experimentation: http://jsfiddle.net/jWxb6/2/
See Question&Answers more detail:os