How to select first and last TD in a row?

Question

How can you select the first and the last TD in a row?

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

Answer 1

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

tr td:first-child{
    color:red;
}
tr td:last-child {
    color:green
}

Or you can use other way like

// To first child 
tr td:nth-child(1){
    color:red;
}

// To last child 
tr td:nth-last-child(1){
    color:green;
}

Both way are perfectly working