SASS：根据父类的子类

Question

有没有办法检查父元素类＆amp;更改子元素类属性？

类似：

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;
}