具有反FOUC支持的CSS预处理器

Question

对于拥有大量CSS的网站来说，

FOUC是常见的用户体验问题（特别是在您开始组合CSS文件之后），常见的解决方案是在一个小的独立文件中分离重要的布局规则第一。这导致难以阅读和维护的代码，因为相关规则位于非常遥远的地方。我想知道是否有任何CSS预处理器支持将代码分成不同的文件？也就是说，你会写类似

的东西

.main-content { #FOUC
    position: absolute;
    top: 10px;
    left: 15px;
}
.main-content h1 {
    font-weight: bold;
}

并且.main-content和.main-content h1最终会出现在不同的文件中。 （或者在每个规则级别上可能相同。）