2017-09-05 63 views
0

無論如何鏈接我的樣式表,結果頁面都保持不變。 HTML:將CSS鏈接到HTML文件:路徑說明

<!DOCTYPE HTML> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head> 

<body> 
    test test test 
</body> 
</html> 

CSS:

@charset "UTF-8"; 

body { 
    background-color: #f25f29; 
} 

這兩個文件位於同一文件夾中,這是test的XAMPP htdocs文件夾內。帶有樣式表的另一個網站,我從htdocs裏的另一個子文件夾中取得的書很好。 (我試圖找出錯誤的基礎上,工作一個自己的網頁,但我無法找到它)

我已經嘗試了以下幾件事:

  • 不同的路徑
    • style.css
    • ./style.css
    • /opt/lampp/htdocs/test/style.css
    • file://opt/lampp/htdocs/test/style.css
    • /test/style.css(因爲我猜本地主機需要的htdocs爲根目錄)
    • file://test/style.css
  • 使用/>關閉鏈接,而不是匹配CSS和HTML文件charset符(全部爲大寫)
  • >
  • 在鏈接名稱和右括號之間插入空格
  • sudo chmod 777 *在測試文件夾內(更改爲i丁字褲爲644)
  • 重新啓動XAMPP
  • 省略type="text/css"規範
  • 四倍檢查樣式表的名稱和路徑
  • 我已經受夠了從未封閉在<style>標籤也總是用
  • 直引號而不是「斜體」

上面給出的版本是另一種情況下的版本。

編輯:清除緩存修復它,如評論中所建議的。

+1

你有沒有試過清除緩存?在我沒有更新我的樣式表時,我遇到了這個問題。我清除了緩存,它工作。 – Granny

+1

你看過你的開發工具嗎?檢查網絡標籤以查看樣式表是否被抓取,以及在什麼URL。 – Salketer

+0

https://jsfiddle.net/x6x3bcxw/一切正常,你可以給一個完整的CSS和HTML? –

回答

2

當CSS未在您的網站上更新時,可能是網站在緩存中有舊版本的樣式表。清除它將使它獲取更新的版本。

要了解是否這就是問題所在:

  1. 頁面上右鍵單擊,並檢查(元素)

  2. 導航到源

  3. 瀏覽到您的樣式表

  4. 檢查這是否是更新的版本。

如果你的樣式表不是最新的,清除緩存並檢查它是否工作。

例如:

Clear cache in Google Chrome

Clear cache in Internet Explorer

Clear cache in Mozilla Firefox

+0

您也可以編輯您的帖子,並告訴您可以在您的開發工具中看到的css中找到舊樣式表的提示。在我的情況下,它是空的。 – tillyboy

+0

@tillyboy我更新我的問題:) – Granny