Question

我希望能够为任何.pre-class生成.sub-class和.class。

例如.title，.pre-title和.sub-title或.heading，.pre-heading，.sub-heading

我可以通过传递类变量（下面的示例）来做到这一点，是否有任何更简洁的方法来实现该类的前缀？

$className: heading;
.section {
  .#{$className} {
    color: pink;
  }
  .sub-#{$className} {
    color: red;
  }
  .pre-#{$className} {
    color: green;
  }
}

Answer 1

<img src='www.xyz.com/image.jpg'>

尽管您提到的是最好的方法和我减少代码/清除的建议。肯定是

Prefix SCSS here

Answer 2

您可以使用后缀而不是前缀。它虽然较短，但相关性较低。

<div class='parent'>
  <div class='left'>LEFT</div>
  <div class='right'>RIGHT</div>
</div>

SCSS为类生成前缀

2 个答案: