Nth-child on div

HTML & CSS
1

Is there a way to apply the nth-child pseudo-clas on a DIV?

I am wrapping items in my checkout in DIV’s and would like to alternate the background shading for readability.

<div class="checkoutItem">
     <!-- Item goes here -->
</div>

Not sure if nth-child only applies to elements like LI’s. :wonky:

2

It looks like this is valid…

.checkoutItem:nth-child(even){
     background-color: #EEE;
}

<div class="checkoutItem">
     <!-- Item goes here -->
</div>
3

Have you tried it? Does it work?

1 Like
4

I already answered your questions in post #2.

5

That doesn’t say that you tried it nor whether it works.

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.