html - CSS可以从相邻元素继承吗？

Question

所以，我正在这样做：

.ui-table-wrapper-top {
    border-width: 1px 1px 0;
}
.ui-table-wrapper-bottom {
    border-width: 0 1px 1px;
}
/* pass this to the table ... */
.ui-table-wrapper-top ~ table,
.ui-table-wrapper-bottom ~ table {
    border: 1px solid;
}

告诉一个有包装器的表格它会得到一个边框。

问题：
如果其他一些元素设置了这个：

.ui-page-theme-foo .ui-table-wrapper-top,
.ui-page-theme-foo .ui-table-wrapper-bottom {
    border-color: red;
}

有没有办法将这种颜色继承到table，因为它应该只获得边框颜色，如果它有一个包装器（顶部/底部）？

Answer 1

不幸的是没有。您不能通过 CSS 影响属性继承的工作方式（即，使元素从除父元素之外的任何地方继承）；您只能通过在通常没有元素时继承元素来覆盖它，反之亦然。