Question: 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).
If the row contains some leading (or trailing) `th` tags before the `td` you should use the `:first-of-type` and the `:last-of-type` selectors. Otherwise the first `td` won't be selected if it's not the first element of the row. 

This gives: 

```
td:first-of-type, td:last-of-type {
    /* styles */
}

```