[Solved] Nth of Type CSS Selection

[murrayac]

How do I select the following using nth-of-type()?

big small small big big small small big ...

[Paulie_D]

Not sure what you are trying to achieve.

If you have a concrete example it might be easier to help.

Remember though, the nth selectors only select elements not classes… and even then only within the same parent.

[Paulie_D]

However, what I think you are asking, (after thinking about it)…is the pattern….which would be:

li:nth-of-type(4n),
li:nth-of-type(4n+1) {
   /* your styles here */
}

http://codepen.io/Paulie-D/pen/mVEYoa

[murrayac]

Hey Paulie_D, this is great!! Thanks for the simple soloution.

[Author]

Posts