SCSS類/ ID在PhpStorm或Webstorm

Question

複製層次給出一個層次是這樣的：

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

我只是想複製的a.on整個層次的重用它的媒體查詢。

有沒有辦法做到這一點，而不復制已經定義的規則？似乎PhpStorm能夠顯示層次結構，但我只是想複製它。

任何想法？

Answer 1

不要複製層次。寫@media裏面。

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

Answer 2

你可以做這樣的事情：

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

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