如何使用CSS在表格中为第n个td设置样式

Question

I have a table with 10 columns . How I can write css classes that set style for all TD s in 2 or 7 position ?

Answer 1

Something like:

tr td:nth-child(2), tr td:nth-child(7) {
    /* style here */
}

It's not supported in IE8 . But here's a very nice polyfill: ie9.js .

Alternatives:

1. Use jQuery
2. Add a custom class to each 2nd and 7th td