CSS 中使用的 URL 是否区分大小写？ [复制]答案

【问题标题】：Are URLs used in CSS case sensitive? [duplicate]CSS 中使用的 URL 是否区分大小写？ [复制]
【发布时间】：2013-07-10 16:12:31
【问题描述】：

以大写字母开头的网址：

 .test{
     background:url('/Static/Common/background.png');
 }

以小写字母开头的网址：

 .test{
     background:url('/static/common/background.png');
 }

区分大小写。但是我从一个网站下载了一个代码，它混合了大写和小写字母，但仍然有效。

这背后的原因是什么？任何人都可以清楚地解释它。谢谢

【问题讨论】：

标签： css

【解决方案1】：

URL 可能区分大小写，但不一定。

基本上，这取决于您运行网站的文件系统。例如，大多数 Linux 系统将区分大小写，而在 Windows 上运行的大多数服务器将不区分大小写。

出于可移植性的原因，您应该始终使指向文件的链接与其文件路径完全匹配。

请注意，它与 CSS 样式表没有任何关系。例如，<a href="LINK"> 和 <img src="LINK2"> 会遇到同样的问题。

【讨论】：

【解决方案2】：

级联样式表 (CSS) 不区分大小写。但是，字体系列、图像的 URL 以及样式表的其他直接引用可能是。

诀窍在于，如果您使用 XML 声明和 XHTML doctype 编写文档，那么对于某些浏览器，CSS 类名将区分大小写。

最好避免命名唯一不同的类，例如：

div.myclass { ...} div.myClass { ... }

如果曾经从您的页面中删除 DOCTYPE 或 XML 声明，即使是错误的，无论大小写如何，都将使用该样式的最后一个实例。

【讨论】：