0

あなたの助けが必要です、

テーブルの最後の列ヘッダーに border-right: 1px solid #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;
}
4

1 に答える 1

1

#data th:last-childセレクターとして使用し、それにborder-rightプロパティを追加します。:first-childおよび:last-childセレクターの使用方法は既にご存じのようですので、説明は割愛します。

http://jsfiddle.net/KgXuN/

#data th:last-child {
    border-right: 2px solid red;
}
于 2013-03-07T19:58:37.570 に答える