当.css文件使用url作为图像文件时,客户端是否在加载.css文件时检索该图像,或者等到特定类被分配给元素?
例如 -
用户使用标头中引用的style.css加载home.html。主页不包含类attach_background_image
的任何元素,但在style.css中我们有
.attach_background_image{
background-image:URL(background.png);
}
当home.html被击中时会检索background.png吗?或者只有当元素符合css选择标准时才会请求图像?
答案 0 :(得分:3)
当加载类.attach_background_image时,它将在页面加载时检索
答案 1 :(得分:-1)
整个CSS文件在页面加载时加载,以便在检索文件时加载。文件中的CSS实际上并没有在任何地方使用并不重要。
修改强> 对不起,我意识到原来的答案是错误的 - 加载了CSS文件(全部),但是外部资源是在使用中加载的,所以在页面上存在该类或元素之前,它将不会运行获取它的GET请求。
这意味着如果你有一个javascript更改类,将检索图像,这当然会导致加载时间比预期稍长(取决于资源的位置和图像的大小) )