Question

如何仅在中间设置边框（第一个孩子）？

像这样：

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 css属性的第一个/最后一个border-left/right：

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

JSFiddle

中间第一个孩子的边界td

1 个答案: