我有以下代码
@import '~bulma'
在Webpack中，这意味着我只是导入@import语句指向的任何SASS。在这种情况下，它是一组相当深的样式。
我想将此仅应用于特定容器的子项：
<div class="apply-bulma-here">...</div>
孩子们可能是任意复杂的。
我尝试的第一件事是：
.apply-bulma-here >
@import '~bulma'
这似乎适用于简单的JSFiddles，但在我的代码中，它似乎并不完全正常。我怀疑在SASS文件中有一些深度后，样式不再被拾取。
这是正确的做法吗？是否有一种快速方法将导入范围仅限于一个特定元素的后代？
通过查看编译代码，似乎每个规则都以附加条件.apply-bulma-here>为前缀，这听起来是正确的。所以我不明白为什么它的表现会有所不同。