scss将选择器前置到当前选择器

Question

在scss中，有没有办法直接把选择器放在当前选择器的前面？请考虑以下几点：

.object-fit {
  object-fit: cover;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

有没有办法在前面加上img，这样输出就是img.object-fit

我看到前缀的唯一方法是在后面添加&，如下所示：

.object-fit {
  img & {
  }
}

但是这会把它变成一个父子选择器：img .object-fit

通常的方法是在第二个选择器后面附加&img，但是因为选择器前面没有点，所以以一个不同的类名结束：.object-fitimg

所以基本上的问题是，在object fit类中有没有预先设置一个空的元素选择器？

Answer 1

如果将@at-root和&与插值语法一起使用：

 .object-fit {
      @at-root img#{&} {
        color: blue;
      }
    }

您的输出将是：

img.object-fit{
  color: blue;
}