css - 取消设置同名的父类样式

Question

我有两个同名的类，一个注入到顶部，另一个注入到页面容器的子级。

我想取消设置顶级的所有属性。但只有它的属性。例如，我想保留 div此类的特定属性。但all:unset删除所有样式，不仅是.page-header下面示例的样式：

.page-header {
  padding: 10px; // unset this one
}

div {
  background-color: red; // i wanna keep this style
}

.my-page-container {
  .page-header {
    all: unset;
    margin: 10px;
  }
}

我知道我可以在子类上覆盖样式padding: unset，但我正在寻找一次涵盖此类所有样式的方法。

标签： csssassless