namespaces - SASS：如何将样式表中的每条规则与选择器添加到“命名空间”

Question

我想在旧代码库中包含新的 SASS。鉴于已经编写的新样式，我如何避免新样式泄漏。

例如

.box
  width: 100%
  // ...

.tab
  display: inline-block
  &:active
    font-weight: bold

// Many more rules

到

.sandbox 
 .box
    width: 100%
    // ...
 .tab
    display: inline-block
    &:active
      font-weight: bold
 // .many .more .rules

这将超过许多规则。

所以旧代码库中的新 html 片段将具有

<div class="sandbox">
  <div class="box">
   <!-- Content here -->
  </div>

或者 - 有没有更简单的方法来避免 css 代码泄漏？

Answer 1

答案很明显：

.sandbox {
    @import "foo";
}