如何在Sass中创建一个定位子项的if语句？

Question

使用下面的代码，我想将h2值应用于每个＆＃34;部分＆＃34;除了第一个。

body > section {
  h2 {
      color: white;
  }
}

这是我想要做的事情的一个混乱的想法。如果有办法使用if语句或者我需要运行for循环吗？

body > section {
  $first-child == body > section:first-child;

  @if $first-child != true {
    h2 {
      color: white;
    }
  }
}

Answer 1

以下适用于支持CSS3的浏览器版本：

body > section:not(:first-child) h2 {
    color: white;
}

如果您需要支持旧浏览器并且标题具有特定颜色，则可以使用：

body > section h2 {
    color: white;
}
body > section:fist-child {
    color: whatever your h2 color is normally;
}