clarkk clarkk - 2 months ago 6
CSS Question

How to select first and last TD in a row?

How can you select the first and the last

TD
in a row?

tr > td[0],
tr > td[-1] {
/* styles */
}

Answer

You could use the :first-child and :last-child pseudo-selectors:

tr td:first-child,
tr td:last-child {
    /* styles */
}

This should work in all major browsers, but IE7 has some problems when elements are added dynamically (and it won't work in IE6).

Comments