2013-03-07 42 views
0

我需要你的幫助,添加右邊界的最後一個表格標題列

我如何添加一個邊框右: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; 
} 
+1

你的表沒有完整的語法。我看不到thead或tbody標籤。 – isherwood 2013-03-07 19:57:41

回答

1

使用#data th:last-child的選擇,然後添加border-right財產成。似乎你已經知道如何使用:first-child:last-child選擇器,所以我不打算解釋。

http://jsfiddle.net/KgXuN/

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

@isherwood,很好的編輯。我喜歡保持乾淨(不要太濃縮)。 – 2013-03-07 20:01:47

+0

謝謝Albert。我在Firefox中看到它,但沒有IE7,是否有解決方法? – 2013-03-07 20:09:57

+3

解決方法是放棄IE7並鼓勵用戶也這樣做。 ;-) – isherwood 2013-03-07 20:59:39

相關問題