css - 使用多个样式表的正确方法......所以它有效吗?

标签 css stylesheet

我正在制作一个网站,我需要在其中将布局、颜色和排版的样式分开。所以基本上我把我的主要样式表复制了 3 次,然后从一个中删除了除着色之外的所有内容,从另一个中删除了除类型相关的所有内容等等。 但是当我现在链接到它们时,肯定存在一些级联问题或其他问题,因为很多类型的东西没有被应用。有没有正确的方法来做到这一点?

最佳答案

我建议遵循这个约定:

  1. 根据用途创建不同的文件。例如。 (reset.css, base.css, typography.css, form.css, ie-specific.css [for IE specific stuffs], print.css)

  2. 创建一个 ANT 进程(如果您使用的是 Java)或任何等效进程。例如。在 apache 中,你可以做一些事情,比如用 href = "application.css"添加你的链接,你的 .htaccess 应该将对 application.css 的请求重定向到 getAllCSS.php 之类的东西,它需要上述所有 CSS 文件。

  3. 现在您的浏览器只发出一个请求(即 application.css),您仍然可以获得所有 CSS 文件。

    初始加载时间可能会更长,因为我们现在有一个非常大的文件,但它可以被缓存,因此所有后续请求都会很快。

如果您预先定义了所有这些基本样式,就不必为每个元素重新定义样式。

关于css - 使用多个样式表的正确方法......所以它有效吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3065583/

相关文章:

css - flex 盒子不工作我希望它如何工作

css - 用渐变填充 SVG 形状

javascript - 如何更改背景图片?

image - Chrome 27 不再加载背景图片

javascript - PrefixFree.js 正在我的页面上加载额外的 "phantom"样式

html - 在 Chrome 中工作但在 Safari 或 Firefox 中工作的绝对定位 div 的边距底部

javascript - 如何在 React Native 中将样式对象与内联样式结合起来?

css - 隔离 TinyMCE 中的样式?

html - 我怎样才能找出是什么 css 覆盖了我的样式表中的 css?

google-chrome - 无法覆盖 :active in Google Chrome