文章/答案/技术大牛

发布

社区首页 >问答首页 >带有父级的SASS/SCSS嵌套选择器

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

Stack Overflow用户

提问于 2017-04-19 02:10:15

回答 1查看 247关注 0票数 0

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

回答已采纳

发布于 2017-04-19 17:22:11

你可以像这样实现你想要的：

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

产出：

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

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43485109

复制

相似问题

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