0

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

正如你在这张图片中看到的，右边的边框是双的，它有“selected”类的边框加上默认的灰色边框。我希望“选定”单元格的右边框以某种方式覆盖相邻单元格的左边框。

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

在此处输入图像描述

.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;
}
4

1 回答 1

2

看来，当前的额外边框属于下一个<td>元素，试试这个清除边框：

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

您可以通过相邻兄弟组合器选择下一个兄弟元素

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

于 2013-08-20T19:49:33.027 回答