使用类属性嵌套 sass/scss 以

Question

我有以下 scss/sass：

.c-slider {
  $parent: &;
  [class^=c-slider-thumb]{
  #{$parent}__item {
    margin-left:0;
  }
}
}

我收到以下错误：

expected "]".
  stdin 3:9  root stylesheet on line 3 at column 9

我想实现：

 [class^=c-slider-thumb]{ 
  .c-slider__item{
    margin-left:0;
  }
}

怎么办？

Answer 1

这就是你实现它的方法

.c-slider {
  $parent: &;
  @at-root [class^=c-slider-thumb]{
  #{$parent}__item {
    margin-left:0;
    }
  }
}

你的结果将是

[class^=c-slider-thumb] .c-slider__item {
  margin-left: 0;
}