在CSS中使用的URL是否區分大小寫？

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

的URL開始以小寫字母：

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

它是區分大小寫的。但我從網站下載了一個代碼，它有混合首都和小字母，但仍然有效。

背後的原因是什麼？任何人都能清楚地解釋它。謝謝

總是用於小寫，並且定義根目錄名稱總是小寫 –

URL可能是大小寫敏感的，但不是必須。

基本上，它取決於你在哪個文件系統上運行你的網站。例如，大多數Linux系統將區分大小寫，而大多數在Windows上運行的服務器將不區分大小寫。

出於便攜性的原因，您應該始終與您的文件建立完全匹配的文件路徑鏈接。

請注意，它與CSS樣式表沒有任何關係。例如，您將遇到與<a href="LINK">和<img src="LINK2">相同的問題。

2013-07-12 07:23:39

我想知道它是依賴於運行站點的服務器還是運行它的操作系統。 –

級聯樣式表（CSS）不區分大小寫。但是，字體系列，圖像URL以及其他對樣式表的直接引用可能是。

訣竅是，如果您使用XML聲明和XHTML文檔類型編寫文檔，那麼對於某些瀏覽器，CSS類名將區分大小寫。

這是一個好主意，以避免命名類，其中唯一的區別就是如此，例如：

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

如果DOCTYPE或XML聲明從您的頁面中刪除，即使是錯誤的，也會使用樣式的最後一個實例，而不管大小寫。

2013-07-12 07:23:14

問題是關於URL的區分大小寫，而不是類名或其他東西。 – 2013-07-12 07:36:04

回答