node.js - 带有父项的 SASS/SCSS 嵌套选择器

Question

在 SCSS 中我们可以做像 htis 这样的嵌套选择器

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 {}

对比

:hover
{
    body& {}

    a& {}

    div& {}

    a {}
}

Answer 1

你可以这样实现你想要的:

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

输出:

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