添加右边界的最后一个表格标题列

Question

我需要你的帮助，

我如何添加一个边框右：1px的固体＃808080，我的表的最后一列标题？我不确定，并坚持要修改或修复哪些内容。

这里是我的CSS和糊状斌：http://pastebin.com/CEPVfd1z

CSS：

#wrapper { 
     height: 150px; 
     width: 800px; 
     border: 1px solid #808080; 
     position: relative; 

     overflow-y: scroll; 
     overflow-x: scroll; 
     scrollbar-base-color: #DFDFDF; 
     scrollbar-arrow-color: #235A81; 

} 
#data { 
    border-collapse: collapse; 
    border: 0; 
    width: 800px; 
} 
#data th { 
    border-left: 1px solid #808080; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#cdcdcd"); 
} 
#data td { 
    border: 1px solid #808080; 
} 
#data tr:first-child th { 
    border-top: 0; 
} 
#data tr:last-child td { 
    border-bottom: 0; 
} 
#data tr td:first-child, 
#data tr th:first-child { 
    border-left: 0; 
} 

Answer 1

使用#data th:last-child的选择，然后添加border-right财产成。似乎你已经知道如何使用:first-child和:last-child选择器，所以我不打算解释。

http://jsfiddle.net/KgXuN/

#data th:last-child { 
    border-right: 2px solid red; 
}