Html 浏览器如何处理样式表中的图像?

Html 浏览器如何处理样式表中的图像?,html,css,web-services,http,browser,Html,Css,Web Services,Http,Browser,上下文:我在我的Wordpress网站上运行了一个链接搜索/错误检查程序,发现一些源于style.css的断开链接。这是由于主题开发人员为某些类设置了一长串CSS定义,当这些类存在时,他们会使用'background:url()'属性为这些类加载图像。这给我提出了两个一般性问题,如下所示,我到处搜索,但都找不到答案(主要问题在标题中,你能把它们看作“子问题”吗?): 这种构建样式的方式是否会在会话中加载大量不必要的额外内容?可能不会。我很确定,除非页面需要,否则浏览器不会请求这些图像文件本身,但

上下文:我在我的Wordpress网站上运行了一个链接搜索/错误检查程序,发现一些源于style.css的断开链接。这是由于主题开发人员为某些类设置了一长串CSS定义,当这些类存在时,他们会使用
'background:url()'
属性为这些类加载图像。这给我提出了两个一般性问题,如下所示,我到处搜索,但都找不到答案(主要问题在标题中,你能把它们看作“子问题”吗?):

  • 这种构建样式的方式是否会在会话中加载大量不必要的额外内容?可能不会。我很确定,除非页面需要,否则浏览器不会请求这些图像文件本身,但我不确定这是如何工作的。浏览器是否会获取样式表,将其与HTML一起解析以确定“存在”哪些类,然后相应地从服务器请求样式表链接的图像?因此,在这种情况下,未使用的
    “background:url(image.png)”
    定义(由于该类在页面上不存在)将被忽略,.css文件的那一行将表示指向DOM的“名称空间”中的“某处”的链接,但这一行代码只是放在那里,不会对其进行操作,文件不是预取的还是什么?我的答案是否正确,是否足够接近,或者我如何才能了解更多关于这个主题的信息
  • 如果从样式表中链接到的图像实际返回404,会发生什么情况(就像链接侦探向我展示的情况一样)?我知道这是因为主题开发人员忘记将这些资产添加到网站文件夹结构中。但是,浏览器本身是否在每次解析样式表时都会出现所有404错误(这可能会在一定程度上影响性能,或者由于所有这些无效链接请求而在我的服务器软件和其他位置触发各种警报)?或者,这些链接只是被忽略了,因为类不存在于这个特定的标记实例中,因此只有在站点上的某些代码实际需要资源时才会逐个请求它们