如何從HTML表格的最後一行刪除底部邊框？

Question

我該如何去掉HTML表格最後一行的底部邊框？

這裏是CSS：

#data { 
    width: 100%; 
    table-layout: fixed; 
    border-collapse: collapse; 
    border: 1px solid red; 
} 
#data th { 
    text-decoration: underline; 
    border: 1px solid blue; 
} 
#data td { 
    border: 1px solid blue; 
} 
#data th, #data td { 
    padding: 5px; 
    text-align: left; 
    width: 150px; 
} 
#data thead { 
    background-color: #333333; 
    color: #fdfdfd; 
} 
#data thead tr { 
    display: block; 
    position: relative; 
} 
#data tbody { 
    display: block; 
    overflow: auto; 
    width: 100%; 
    height: 300px; 
} 
#data tbody tr:nth-child(even) { 
    background-color: #dddddd; 
} 

這裏是一個快速小提琴：http://jsfiddle.net/tZ9cA/

Answer 1

您可以選擇最最後錶行子tbody元素的，然後問題的所有<td>兒童如下：

#data tbody > tr:last-child > td { 
    border-bottom: 0; 
} 

WORKING DEMO

Answer 2

試試這個：

#data tr:last-child td{ 
    border-bottom:0; 
} 

最後孩子選擇將選擇最後一排，然後你可以從那裏針對所有單元格。