如何分隔不同页面的CSS，以便仅在特定页面上加载必需的CSS属性？

Question

我有一个非常大的CSS文件，其中包含10,000多行和10个HTML页面。截至目前，CSS文件已在所有10页上加载。

任何人都可以建议一种将较大的CSS文件分成较小的部分的方法，这样，我只能为特定的HTML页面加载所需的CSS文件？

我尝试使用Chrome控制台查看覆盖率，并且特定页面仅使用了10％的CSS文件。 没有Node js也没有CSS框架

Answer 1

创建更多.css文件，并将其仅加载到需要CSS的HMTL文件中。 因此，例如，仅在index.html中为滑块创建一个文件，并仅在index.html中将其链接

TIPP：但还要确保为header之类的东西创建一个global_style.css或styles.css，并且仅以此连接标题中的类。