Home/ Questions/Q 633139
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T20:09:08+00:00

Lets say i have 50 element grid. If its wide list it is easy

  • 0

Lets say i have 50 element grid. If its wide list it is easy for readers if i color odd and even div differently.
Now lets say i want to do this and color code every 5th div. Is there a way to choose which css to apply based on a number? like instead of

<div class="odd">blah</div>
<div class="even">blah</div>
<div class="odd">blah</div>
<div class="even">blah</div>
<div class="fifthOdd">blah</div>
...
<div class="fifthEven">blah</div>

to do something like

<div class="1">blah</div>
<div class="2">blah</div>
...
<div class="5">blah</div>
...
<div class="10">blah</div>

and allow whoever writing the css to choose how the color scheme works based on their index?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, with nth-child. Note that nth-child doesn’t work in IE, but it is a valid jQuery selector, so you can either use this with modern browsers and pure CSS, or with all browsers and a bit of presentational JavaScript.

    • 0