css - 覆盖上下文选择器

Question

是否可以从上下文选择器中恢复/覆盖属性？

.card {
  padding-top: 20px;
  ...
}

.card .card-header {
  padding: 0 20px;
}

.card .card-header.news {
  padding-top: 0px;
}

是否可以删除特殊元素的顶部填充。因为在生成的 HTML 中，填充仍然存在，但我想继承所有其他样式。

http://jsfiddle.net/v1yxw5n5/27/

Answer 1

你可以用一个负的 margin-top 作弊:

.card {
    border: solid 1px blue;
    padding-top: 20px;
}

.card .card-heading {
    border: solid 1px red;
    margin-top: -20px;
}

http://jsfiddle.net/aemgb75b/