支持反FOUC的CSS预处理器

对于具有大量CSS的站点来说，这是一个常见的用户体验问题（尤其是在您开始组合CSS文件之后），常见的解决方案是在一个小的独立文件中分离重要的布局规则，该文件首先加载。这导致了代码很难阅读和维护，因为相关规则位于非常遥远的地方。我想知道是否有任何CSS预处理器支持将代码分割成不同的文件？也就是说，你可以这样写

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

---

和

。主要内容

和

。主要内容h1

最终位于不同的文件中。（或者在每个规则级别上可能相同。）

这篇文章似乎有点不正确。请阅读一些非常简单的修复方法；它可能是由许多其他因素引起的，而不是由

@import

ing引起的。（例如，Safari有一个。）大的、缓慢加载的CSS文件也会导致FOUC（可能没有那么糟糕，但仍然可见），除了分离CSS之外，没有简单的解决方法。