css - CSS 是否加载评论图像？

Question

如果我评论一行ex。 /* 背景:url(images/header_overlay.png) */在 CSS 上 在浏览器上加载页面 此图像是否被下载？如果我让它保持原样并包含优先于第二个图像的第二个 CSS 怎么办背景:url(images/header_overlay2.png)在用户浏览器加载期间，是否同时下载了这两个图像，然后第二个获得优先权？我想在 css 上仔细和精确以减少页面加载时间。我对无法获得完全理想的干净 css 和 css 覆盖的大页面很感兴趣。

Answer 1

在你的css中注释代码是没有用的。它没有被解析，因此图像不会被下载，但是如果你有一些以后可能有用的代码，那么在某处给自己写一些注释并删除注释代码。这也减少了文件大小，因此它也是一个微优化。

此外，如果您有两个冲突的规则引用两个不同的图像，那么具有更高优先级的一个将生效，另一个将被忽略，因此只会从两个冲突的图像中提取一个。

您可以在浏览器中查看下载的图像。例如，使用 chrome，在任意位置单击 inspect element，然后在您的控制台中单击网络选项卡，查看下载了哪些图像。确保在进行此类测试之前清除缓存。