在PhpStorm或Webstorm中复制SCSS class / 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 { ... }
            }
        }
    }
 }