0

当我设计一个页面时，我将创建一个 CSS 文件，以便我的所有内容selectors都存储在这个文件中，用于首页、内页和我网站中的所有其他页面。

但是在这种模式下，当我尝试在或其他网站中检查我的网站时GTMetrics.com，webpagetest.org他们告诉我我的 css 文件中有很多选择器，我没有在页面中使用，所以他们要求我优化我的 css 文件！但我在其他页面中使用该选择器。

现在我的问题是，存储 css 选择器的最佳方式是什么？我应该为每个页面有一个单独的 css 文件并link在每个页面中加载，还是应该有单独的 css 文件并@import在 css 文件中加载或将所有选择器存储在一个文件中（就像现在一样）？

4

2 回答 2

0

如果您为每个页面上的每个页面创建单独的文件，则一个 css 文件是最好的方法，一个唯一的文件会加载，因此时间会增加，性能会降低

一个 css 文件会自行缓存，并且不会每次都加载，因此您做得对，请忽略警告

于 2013-03-01T11:00:17.120 回答
0

首先，这些网站只是帮助您优化网站的工具。他们不知道一切，这就是为什么他们说你使用了很多未使用的选择器。

我不知道样式更改了多少以及在哪些页面上。但是，如果您的样式有些相同但有细微差别，则应将它们保存在一个文件中。
例如，如果主页与其他页面完全不同，或者如果某些页面有很大差异，则应该使用一个全局样式表和多个页面特定样式表。

在 CSS 大师 Chris Coyier 的这篇精彩文章中阅读有关此主题的更多信息：“一、二或三”

于 2013-03-01T10:58:32.657 回答