什么时候css文件检索background-img URL?

时间:2016-11-30 18:40:25

标签: html css

当.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选择标准时才会请求图像?

2 个答案:

答案 0 :(得分:3)

当加载类.attach_background_image时,它将在页面加载时检索

答案 1 :(得分:-1)

整个CSS文件在页面加载时加载,以便在检索文件时加载。文件中的CSS实际上并没有在任何地方使用并不重要。

修改 对不起,我意识到原来的答案是错误的 - 加载了CSS文件(全部),但是外部资源是在使用中加载的,所以在页面上存在该类或元素之前,它将不会运行获取它的GET请求。

这意味着如果你有一个javascript更改类,将检索图像,这当然会导致加载时间比预期稍长(取决于资源的位置和图像的大小) )