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

考虑到这样的层次结构：

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

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

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

我只想复制

a.on

的整个层次结构，以便将其重新用于媒体查询

有没有一种方法可以在不复制已定义规则的情况下执行此操作？PhpStorm似乎能够显示层次结构，但我只想复制它

有什么想法吗

---

不要复制层次结构。将

@媒体

写入内部

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

---

你可以这样做：

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

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

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

---

你能不能再提供一个“真实世界”的例子：一个包含一些规则的代码，以及你最终应该得到什么？若问题是：我是否可以将相同的结构从所有可能的规则中去除——那个么答案将是否定的（我不知道这种功能）。仍在等待复制类breadcrumbs的选项：）