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 选择器的元素时才请求图像。不过，这可能取决于浏览器。