在PhpStorm或Webstorm中复制SCSS类/ id的层次结构

Question

给定这样的层次结构：

.layer-1{
    .layer-2{
        a{
            &.on{}
        }
    }
 }

我只想复制a.on的整个层次结构，以便将其重用于媒体查询。

有没有一种方法可以在不复制已经定义的规则的情况下做到这一点？似乎PhpStorm能够显示层次结构，但我只想复制它。

有什么想法吗？

​

​

Answer 1

你可以这样做：

.layer-1{
    .layer-2{
        a{
            &.on{
                $mySelector: & !global;
            }
        }
    }
 }

 @media (x:y) {
     #{$mySelector} {
          // your styles
     }
 }

Answer 2

不要复制层次结构。在里面写@media。

.layer-1{
    .layer-2{
        a{
            &.on{
                @media { ... }
            }
        }
    }
 }