html - 当对 CSS 样式表中的图像引用发出 http 请求时，什么构成？

Question

如果我有。

.myClass1 { 
  background: url(myImage1.jpg) 0px 0px; 
} 

.myClass2 { 
  background: url(myImage1.jpg) 0px 10px; 
}

是否对同一图像发出了两个 http 请求？

另外，标记中是否需要有一个对应的 *<div class="myClass1"></div>以确保发出请求？还是它仍然这样做？*

Answer 1

您的原始问题有两个不同的图像/ URL，因此有两个单独的请求。如果它们是相同的图像，则第二个请求由浏览器缓存完成。

关于第二个问题，我刚刚在 Chrome 和 Firefox 上进行了测试，如果有匹配 CSS 选择器的元素，它们只会请求图像。不过，这可能取决于浏览器。