相邻的重要边框颜色

Question

我有一个生成数百个<tr>和<td>标记的php代码。 我的问题如下， 我有以下内容：

<td style="border-color-right: black">X</td> <td style="border-color-right: grey">X</td>

我希望第二个<td>的边框颜色更重要，以便共享边框显示为灰色而不是黑色。我可以在第二个td中使用重要性或继承标记吗？

Answer 1

如果我的问题是正确的，那么你应该这样做： https://jsfiddle.net/maxim_mazurok/pzjamue4/1/

.black {
    border-right-color: grey
}
.grey {
    border-color: grey
}

共享边框是灰色的，完全符合您的要求。

您也可以尝试：https://jsfiddle.net/maxim_mazurok/vw8oz7mk/

.border\-color\-right\: {
    border-style: solid;
    border-width: 5px;
}
.black {
    border-color: black;
    border-right-style: none;
}
.grey {
    border-color: grey
}