如果我评论一行前。
/* background: url(images/header_overlay.png) */
在浏览器页面加载CSS上这个图像下载?
如果我按原样放置并包含第二个优先于第二个图像的CSS,该怎么办?
background: url(images/header_overlay2.png)
在用户浏览器的加载时间内,这些图像是否已下载,然后第二个获得优先权?我希望在css上仔细而精确地减少页面加载时间。我对大页面感兴趣,我无法获得完全理想的干净css和css覆盖它是必要的。
答案 0 :(得分:2)
在css中注释代码是没用的。它没有被解析,因此不会下载图像,但是如果你有一些可能在以后有用的代码,那么在某处写一些注释并删除注释的代码。这也减少了文件大小,因此它也是一种微优化。
此外,如果您有两个相互矛盾的规则引用两个不同的图像,那么优先级较高的图像将生效而另一个将被忽略,因此只会从冲突的两个图像中提取一个图像。
您可以查看浏览器中下载的图像。例如,使用chrome,在任意位置单击inspect元素,然后在控制台中单击网络选项卡,查看下载的图像。确保在进行此类测试之前清除缓存。
答案 1 :(得分:0)
CSS不会解析评论的行,它只是一个文本而且里面没有图像。
如果您在开发工具中看到header_overlay.png
已下载,可能是在别处定义的。
答案 2 :(得分:0)
否 - 注释中的任何内容都不在CSS范围内解析,注释包装器中的图像将不会被下载,也不会影响任何其他(未注释的)规则 - 这可能是found in the spec
(...)他们的内容对渲染没有影响