sass - 如何修改sass中的根父选择器

Question

这个问题在这里已经有了答案:





Modifying the middle of a selector in Sass (adding/removing classes, etc.)

(2 个回答)


5年前关闭。




如何修改父选择器链的根元素？ (使用 sass 3.3.x)类似......

=prepend($prefix)
  @at-root .#{$prefix}#{&}   // note there is no dot (.) separating it
    @content

.foo
  .bar
    +prepend(baz)
      background: red    

并返回

.baz.foo .bar {
  background: red;
}

或者甚至更好......以根元素(甚至第n个元素)为目标的显式方法？

Answer 1

=prepend($prefix)
  &.#{$prefix}
    @content

.foo
  +prepend("baz")
    .bar
      background: red

返回这个:

.foo.baz .bar {
  background: red;
}

在正确的轨道上？