使用class属性嵌套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;
}