Question

I’m not very good with CSS and I need some help.

I have a table where i want every other row to be gray and the alternating rows to be white. but i only want it to happen on one particular table.

I added some code to my CSS:

tr:nth-child(even) {  
background: #CCC;  
}  

tr:nth-child(odd) {  
background: #FFF;  
}  

but the problem is that its affecting every table on my site.
I haven’t found any examples where it applies only to a certain class. Is that possible? I want it to apply only to:

table.dashboardtable  

Answer 1

Use the CSS descendant combinator (juxtaposition) as usual:

table.dashboardtable tr:nth-child(even)
table.dashboardtable tr:nth-child(odd)