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工作的方式（即使元素继承自其父级的任何地方）;你只能通过使元素在通常没有的情况下继承而反过来来覆盖它。