jQuery multiple pseudo class

Question

I'd like to make the zebra effect on the first column of a table. How could I could select the first td of a tr and apply nth-child(2n) on it?

BoltClock · Accepted Answer · 2011-08-03 16:08:50Z

2

The :nth-child() pseudo-class goes to the tr, and the :first-child pseudo-class to the td:

$('tr:nth-child(2n) td:first-child').css('background-color', '#ccc');

answered Aug 3, 2011 at 15:28

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex · Accepted Answer · 2011-08-03 15:35:42Z

0

You need to add nth-child(2n) to the <tr> and then use :first-child to only select the first <td>. Check it out here:

answered Aug 3, 2011 at 15:35

Alex

9,0612 gold badges29 silver badges44 bronze badges