javascript - 如何分离不同页面的 CSS,以便仅在特定页面上加载所需的 css 属性?

标签 javascript html css sass

我有一个非常大的 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/

相关文章:

html - 调整单选按钮

jquery - 如何在移动设备中向上移动 Div,在桌面设备中向下移动

javascript - 如何在 contenteditable 中将文本分成单独的页面(如 Google 文档)?

javascript - 即使从 ts 编译为 js 后如何保持类型安全

javascript - "modern"网络浏览器中正则表达式的最大大小/长度?

html - 将最后一行左对齐的文本对齐

javascript - 带有散列密码的 php 代码无法工作

JavaScript pictureChange() 和旋转

javascript - 为什么我的 JavaScript 对象看不到以下方法?

javascript - 如何在 Modal Bootstrap 4 中输入密码?