在CSS文件中使用相对URL，它相对于什么位置？

当在CSS文件中定义背景图片URL之类的东西时，当使用相对URL时，它是相对于哪里的？例如：

假设文件/stylesheets/base-styles.css包含：

div#header { 
    background-image: url('images/header-background.jpg');
}

如果我通过以下方式将此样式表包含到不同的文档中<link ... />CSS 文件中的相对 URL 是相对于样式表文档 in /stylesheets/ or 相对于当前文档它包含在？可能的路径如：

/item/details.html
/about/index.html
/about/extra/other.html
/index.html

根据W3:

部分 URL 是相对于样式表的源进行解释的，而不是相对于文档进行解释

因此，在回答你的问题时，它将相对于/stylesheets/.

如果您考虑一下这一点，这是有道理的，因为 CSS 文件可以添加到不同目录中的页面，因此将其标准化为 CSS 文件意味着 URL 将在样式表链接的任何地方工作。