鏈接兩個CSS文件，只有一個正在使用，其他被忽略

當通過一個包加載兩個CSS文件時，我只看到其中一個被使用。另一個沒有被列入，我不知道爲什麼。鏈接兩個CSS文件，只有一個正在使用，其他被忽略

我有一個標準的頭文件，包含在網站的所有頁面上。下面

實施例：

<html> 
<head> 
<link href="css/jquery-ui.css" type="text/css" /> 
<link href="css/main.css" rel="stylesheet" type="text/css" /> 
</head>

這當然是爲了簡化頭部的降低版本。正如你所看到的，這兩個CSS文件都在css目錄中。但只有主要的CSS文件被識別。

2011-06-18 Deviland

你是否嘗試從頭中刪除main.css，並檢查第二個識別？另外如何交換訂單，移動main.css的jquery-ui.css？我無法找到您提供的代碼的任何問題。 –

無法加載任何一個CSS文件（可能是因爲輸入錯誤或服務器配置錯誤）。您可以通過檢查所有資源在瀏覽器的開發者工具中正確加載來檢測。

另一個原因可能是您隱式期待自己的樣式表優先於默認的jQuery UI樣式表。如果是這種情況，請將您自己的樣式表移到jQuery UI之下，或者使您的規則比默認樣式更爲specific。

解決方案：

在你的活生生的例子，你錯過rel=stylesheet爲jQuery UI的樣式表：

<link href="css/jquery-ui-1.8.13.custom.css" type="text/css"/>

應該

<link href="css/jquery-ui-1.8.13.custom.css" type="text/css" rel="stylesheet" />

2011-06-18 11:14:04 phihag

我已經將我的CSS移動到jquery-ui css之後，並且這具有相同的效果，謝謝您嘗試 – Deviland

@Deviland然後，您的示例與我的演示頁面有什麼不同？你怎麼確定沒有效果？（如果您可以提供演示頁面，這將變得更容易） – phihag

http://www.36tstudios.com/cafekiss/menus。php – Deviland

看起來你忘了關閉你的鏈接標籤，只需在兩個標籤關閉之前添加正斜槓'/'即可。

2011-06-18 11:08:57

對不起，這個例子沒有斜槓，但真正的代碼感謝引用這個我會更新我的例子:) – Deviland

那麼唯一的可能是它可能是你拼寫錯誤的文件名 - 如果你有絕對路徑，請嘗試在瀏覽器中訪問它們，看看它們是否在那裏。 –

你確定第二個文件鏈接正確嗎？例如，檢查Firebug的NET面板，仔細檢查它是否正在加載，而不是返回404錯誤或其他問題。

你不會是第一個被無意的錯字所打倒的開發者！

2011-06-18 11:11:40 Scottie

我檢查了與螢火蟲和所有CSS加載，這是令我困惑的笑聲 – Deviland

對不起，解釋最後的評論進一步我可以點擊CSS鏈接查看源代碼和CSS加載，但在NET面板中它不顯示爲加載 – Deviland

你缺少rel屬性在第一個鏈接標記中，很可能這就是它不被解析爲CSS的原因。

2011-06-18 11:42:22

哈哈你的傳奇和什麼是白癡我是菜鳥錯誤大聲笑 – Deviland

回答