CSS target every even of specific class

Asked Feb 05 '17 at 11:39

Active Feb 05 '17 at 11:39

Viewed 29 times

looking for answer to this for a few hours and no luck

1  <div class="card100"></div>
2  <div class="card50"></div>
3  <div class="card50"></div>
4  <div class="card100"></div>
5  <div class="card50"></div>
6  <div class="card50"></div>
7  <div class="card50"></div>
8  <div class="card50"></div>

I need to target every even class of "card50" without consideration "card100" (lines 2,5,7)

is there any CSS only solution for this? .card50:nth-of-type(even) includes lines with .card100 class

Thanks a lot :)

asked Feb 05 '17 at 11:39

Popcorn

I suggest you'd use Javascript for this. – Siyah Feb 05 '17 at 11:42
Or look at this answer. Somebody had the same question: http://stackoverflow.com/a/17458867/5418514 – Julesezaar Feb 05 '17 at 15:39

CSS target every even of specific class

0 Answers0