CSS 是否加载评论图像?

Does CSS load commented images?

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

CSS不要解析注释行,它只是一个文本,里面不能有图片。

如果您在开发工具中看到 header_overlay.png 已下载,可能是在其他地方定义的。

否-评论中的任何内容都不会在CSS的范围内进行解析,不会下载评论包装器中的图像,也不会影响任何其他(未评论的)规则-这可以是found in the spec

(...)their contents have no influence on the rendering

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

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

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