我有一个非常大的 CSS 文件,其中包含 10,000 多行和 10 个 HTML 页面。截至目前,CSS 文件已加载到所有 10 个页面上。
谁能建议一种将大 CSS 文件分成小块的方法,这样我就只能为特定的 HTML 页面加载所需的 CSS 文件?
我尝试使用 Chrome 控制台查看覆盖率,但只有 10% 的 css 文件用于特定页面。 没有 Node js 和 CSS 框架
最佳答案
创建更多 .css 文件并仅在需要 CSS 的那些 HMTL 文件中加载它们。 因此,例如,只为 index.html 中的 slider 制作一个文件,并仅在 index.html 中链接它
提示:但还要确保为标题之类的内容制作 global_style.css 或 styles.css,并且仅将标题中的类与此连接。
关于javascript - 如何分离不同页面的 CSS,以便仅在特定页面上加载所需的 css 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55657658/