小编Mic*_*ano的帖子

目前使用 scss 我了解变量、包含和嵌套。

我正在尝试创建一个使用 BEM 命名结构的新 scss 设置。所以例如

.btn {
  padding: 20px;
  .btn__value {
    color: $valColour;
  }
}

.btn--gold {
  color: $gold;
}

所以我有类 .btn__value 嵌套，因为它将是按钮块内部的一个跨度，并且只在那里使用，它取决于按钮父元素，所以 BEM 状态使用 __ 作为元素类名的前缀。

但是按钮的颜色是样式器，因此它们没有嵌套（我不确定这一点，因为我可能会像下面这样嵌套这个。）

.btn {
  padding: 20px;
  .btn__value {
    color: $valColour;
  }
  &.btn--gold {
    color: $gold;
  }
}

我正在尝试为此找出最佳实践。如果有人有任何意见，我很乐意听到。我不是嵌套的忠实粉丝。但是，由于它名为 btn--我不会在其他任何地方使用它。