Question

我需要你的帮助，

如何添加一个border-right：1px solid＃808080到我表的最后一个列标题？我不确定并且坚持要修改或修复什么。

这是我的CSS和粘贴Bin：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;
}

向最后一个表标题列添加右边框

1 个答案: