某些班级的右边没有左边界

Question

有没有办法用CSS指定禁用具有某个类的单元格右侧的左边框？

正如您在此图像中看到的那样，右边的边框是double，它具有“selected”类的边框加上默认的灰色边框。我希望“选定”单元格的右边框以某种方式覆盖相邻单元格的左边框。

FWIW，我认为这是因为表格的CSS我评论过'border-collapse'。我需要这样做，否则我不能在桌子上有圆角。

.ui-tabs-panel td {   /*  default table cell */
    border-bottom: 1px solid #E9EBDF;
    border-left: 1px solid #E9EBDF;
    padding: 7px 7px;
    font-family: Tahoma;
    cursor: default;
    background-color: #FAFDFF;
}

.ui-tabs-panel td.selected {  /* when selected */
    border-right: 1px solid #94DFEB !important;
    border-left: 1px double #94DFEB !important;

    background-color: #FFF !important;
    color: #087DBD;
}

Answer 1

看来，当前的额外边框属于下一个<td>元素，请尝试此选项以清除边框：

.ui-tabs-panel td.selected + td {
    border-left: none;
}

您可以按 Adjacent sibling combinator

选择下一个同级元素

element1 + element2选择紧跟在element2元素后面的每个element1元素。他们是兄弟姐妹。