如何使用Sass@if通过检查变量创建可选嵌套

我有一个自己开发的CSS框架，有时必须包含在已经有其他HTML/CSS的页面上。为了避免CSS冲突，我想在所有内容前面放置一个父ID选择器，以便CSS是这样生成的：

#MyFramework.thing one{/*styles*/}

。但我希望这是可选的，并通过变量设置。因此，我提出了以下内容，但它不起作用，但也不会产生任何Sass错误。有没有正确的方法可以做到这一点

$framework-wrap: true;

@if $framework-wrap {
    #MyFramework {
}
        @import 'component-one';
        @import 'component-two';
        @import 'component-three';

@if $framework-wrap {
    }
}

---

@cimmanon的可能复制品不是复制品。我想问的是，是否有一种方法可以在一个if中写出一条语句的一部分，然后在另一个if中完成该语句。答案仍然是一样的：不，这是不可能的（尽管原因不同），给出的解决方案是您唯一的选择。@cimmanon三个答案中的哪一个（没有一个被标记为已接受的答案）你能说“正确”吗？这样我就能更好地理解“为什么不可能”了？谢谢。