带父级的SASS / SCSS嵌套选择器

Question

在SCSS中

我们可以像htis那样做嵌套seletor

div
    {
        &[id*='gemini-ad-']
        {
            @content;
        }
    }

将返回div[id*='gemini-ad-']

但是任何方式都可以做出这样的事情吗？

[id*='gemini-ad-']
{
    div&
    {
        @content;
    }
}

也返回div[id*='gemini-ad-']？

body:hover {}
a:hover {}
div:hover {}

:hover a {}

VS

:hover
{
    body& {}

    a& {}

    div& {}

    a {}
}

Answer 1

你可以达到你想要的效果：

[id*='gemini-ad-']{
   @at-root div#{&}{
      /* CSS rules */
   }
 }

输出：

div[id*='gemini-ad-'] {
  /* CSS rules */
}