本地主機中的CSS加載和應用問題

好的，我一直在做它，但現在它不工作。

這裏是我的文件夾結構，它是如此的簡單：

 
+ root 
|_ + styles 
    |_ -main.css 
|_ + images 
    |_ - background.jpg 
|_ - index.html

下面是HTML代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
    <title></title> 
    <link href="styles/main.css" type="text/css"/> 
</head> 
<body> 

    <div class="main"> 

    </div> 
</body> 
</html>

CSS代碼：

body 
{ 

} 
div .main 
{ 
    background-image:url(../images/main_background.jpg); 
    background-repeat:no-repeat; 
    height:950px; 
    width:897px; 
}

問題是： css文件似乎並未加載，並且在html文件上沒有應用類名main的CSS樣式。這真是令人沮喪。我也把它們放在IIS下創建一個應用程序。

什麼可能是錯的？

感謝。

解決方案：

由於這兩個答案應該是在同一個地方，以解決我的問題，我決定把這裏完整的答案：

應該已經div.main
和<link href="styles/main.css" type="text/css" rel="stylesheet"/>

來源

2010-12-15 Tarik

您需要聲明的link的rel屬性爲你的CSS文件，像這樣：

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

來源

2010-12-15 04:27:31 matthewpavkov

這個答案也是正確的，但要徹底解決問題tjm的答案也是必需的 - http://goo.gl/sHIro – Tarik 2010-12-15 06:01:40

更改相對於絕對路徑：

<link href="styles/main.css" type="text/css"/><!-- relative --> 
<link href="/styles/main.css" type="text/css"/><!-- absolute -->

來源

2010-12-15 04:26:43 Stephen

我覺得div .main在CSS應該讀div.main。注意缺乏空間。

使用空格指定div的子元素，其中子級具有class main，而沒有指定div與main class的空間。

來源

2010-12-15 04:28:14 tjm

@Braveyard這也是如此。要使用'main'類來定位'div'，你需要使用'div.main'或者'.main'。使用'div .main'會尋找一個'div'，它有一個'.main'類的子元素。 – matthewpavkov 2010-12-15 04:32:53

我不知道太空因素。謝謝。 – Tarik 2010-12-15 05:32:28

這一個也是如此，但我只有一個選項標記爲答案。 – Tarik 2010-12-15 05:53:39

本地主機中的CSS加載和應用問題

回答

相關問題