css - CSS 中使用的 URL 是否区分大小写？

Question

以大写字母开头的 URL：

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

以小写字母开头的 URL：

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

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

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

score 5 · Accepted Answer

URL 可能区分大小写，但不需要。

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

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

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

score 0 · Accepted Answer

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

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

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

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

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

从以下博客中获得更多想法：

2 回答 2