SASS：根据父类的子类

Question

有没有办法可以检查父元素类并更改子元素类属性？

类似：

if parentClass {
  h1{color: red;}
} else if parentClass2 {
  h1{color: blue;}
}

希望 CSS 像：

.parentClass h1 {
  color: red;
}
.parentClass h2 {
  color: blue;
}

因此，如果父类的名称发生变化，子类的属性也会发生变化。

提前致谢:)

Answer 1

在这种情况下你不能使用@if 语句，但你可以做这样的事情

h1 {
  color: red;

  .parent-1 & {
    color: blue;
  }

  .parent-2 & {
    color: yellow;
  }
}

输出将是

h1 {
  color: red;
}

.parent-1 h1 {
  color: blue;
}

.parent-2 h1 {
  color: yellow;
}