html - 第一个 child 中间的边框 td

Question

如何只在中间(第一个 child )设置边框？

像这样:

1 | 2 | 3

代码:

.table {
    width:50%;
}

.table table{
    border-collapse: collapse;
    width:100%;
    height:100%;
}

.table td{
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 6px;
    font-family: Arial,Helvetica,sans-serif;
}

.table tr:nth-child(odd)     { background-color:#EFEFEF; }
.table tr:nth-child(even)    { background-color:#ffffff; }

.table tr:first-child td{
    background-color:#EFEFEF;
    text-align:left;
    color:#868686;
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 16px;
    margin-bottom: 6px;
}

我希望有人能提供帮助，在此先感谢。

Answer 1

您可以将 :not() 选择器用于第一个/最后一个 td 和 border-left/right css 属性:

.table tr:first-child td:not(:last-child) { border-right: 1px solid black}

JSFiddle