Question

以大写字母开头的网址：

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

以小写字母开头的网址：

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

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

这背后的原因是什么？谁能清楚地解释它。谢谢

Answer 1

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

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

出于便携性原因，您应始终将文件链接与其文件路径完全匹配。

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

Answer 2

级联样式表（CSS）不具备区分性。但是，字体系列，图像的URL以及样式表的其他直接引用可能是。

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

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

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

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

从以下博客中获取更多信息：