id和class屬性不起作用

我想製作一個HTML代碼，但是當我嘗試對類或id使用'div'時，它不會執行類中寫的內容。只有當我在標籤之間寫入它時（所以當我在標籤之間寫入寬度時，它的作用是，但是如果我在類中寫入它，則不會）。id和class屬性不起作用

.header { 
 
    width: 100px; 
 
    height: 10px; 
 
    background: blue; 
 
}

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <link type="text/css" rel="OIM11 - CSS" href="OIM11 - CSS.css" /> 
 
    <title></title> 
 
</head> 
 

 
<body style="background-color:#666666"> 
 
    <div class="header"></div> 
 
</body> 
 

 
</html>

知道爲什麼這不起作用？

來源

2017-02-09 Joris Wolters

rel應該在頭文件中設置'stylesheet'，_所需的rel屬性指定當前文檔和鏈接文檔/資源之間的關係._ –

轉換爲片段，似乎工作得很好。你只是連接樣式表都是錯誤的。 –

它似乎工作正常，我不能看到問題。 –

如果有疑問，可以在任何網站上打開開發人員工具，並查看它們包含樣式表的方式。我不知道你是怎麼想出這種格式的。這是正確的方法：

<link rel="stylesheet" type="text/css" href="path/to/main.css">

此外，命名文件時避免空格。在你的鞋子裏，我會將當前文件重命名爲OIM11-CSS.css。

來源

2017-02-09 13:09:15

是的，我同意Serg，它的最佳實踐是使用開發人員工具查看樣式表是如何加載到HTML頁面的Web瀏覽器中的。我大部分時間使用FireBug來調試我的樣式表，甚至使用Firebug來計算元素的樣式屬性。 –

id和class屬性不起作用

回答

相關問題