CSS無法在index.html上呈現

更新：已解決。我的CSS選擇器是錯誤的。非常感謝所有回覆的人！CSS無法在index.html上呈現

我剛剛開始使用MAMP在本地服務器上構建站點。我從事其他人的代碼工作，但是從頭開始時，我是一個新手，所以原諒我的天真。我的CSS文件不會應用，併爲我的標題給我適當的背景顏色。我有兩個樣式表，style.css和960.css（從960.gs下載）。

進入index.html後，960.css在頁面上呈現，但style.css無處可查。它們位於相同的文件夾中，並在index.html上完全相同。請幫忙。

我的文件結構：

-project 
    -styles 
     style.css 
     960.css 
    index.html

的代碼如下：

的index.html

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="/styles/style.css"/> 
    <link rel="stylesheet" type="text/css" href="/styles/960.css"/> 
    <title>title</title> 
</head> 
<body> 
    <div id="header_container" class="container_12"> 
    <div class="grid_2"> 
    <h1>Title</h1> 
    </div> 
    </div> 
</body> 
</html>

和style.css的

#header_container .container_12 { 
    background-color: #000000; 
}

如果你不熟悉960 gr ID系統，它所做的就是爲它們提供div類和度量。你看到的container_12是在960.css中，但只是設置尺寸，而不是背景顏色，所以我不認爲有必要包含960.css，因爲它很長。這可能是MAMP的一個問題，但我確信這是代碼中某處的一個簡單錯誤，但我一直在研究這個問題，只要在這一點上我只是腦筋急轉彎。非常感謝您提供任何意見和建議。如果我沒有讓自己清楚，或者我需要更詳細地解釋一些事情，請告訴我！再次感謝。

來源

2014-10-01 jreed

你說他們在同一個文件夾中，但是你指的是'styles/style.css'，那麼這應該只是'style.css'。 – Azrael 2014-10-01 06:55:25

對不起，index.html與樣式表不在同一個文件夾中。我的意思是960.css和style.css在同一個文件夾 – jreed 2014-10-01 06:57:19

控制檯上的任何錯誤？也許文件未找到或無法加載等？ – Nick 2014-10-01 07:01:38

你寫的CSS選擇器是錯誤的。

#header_container .container_12 { 
    background-color: #000000; 
}

使用

#header_container { 
     background-color: #000000; 
    }

或

.container_12 { 
     background-color: #000000; 
    }

來源

2014-10-01 07:04:58

就是這樣！非常感謝！ – jreed 2014-10-01 07:08:22

希望類.container_12屬於「960.css」和你正在試圖迫使你style.css類，如果是，嘗試更新你的css（！重要）如下。

CSS：

.container_12 { 
    background-color: #000000!important; 
}

來源

2014-10-01 07:06:54 Aru

你選擇是沒有錯的，你只是違反組選擇的規則和幾件事情。但是，要使用組選擇器，您需要用「，」而不是空格分隔每個選擇器。所以你應該有這樣的事情;

#header_container, .container_12 { 
    background-color: #000000; 
}

但我想知道爲什麼你將相同的屬性和值傳遞給具有類和ID的同一個div元素？祝你好運。

來源

2014-10-01 08:28:03

CSS無法在index.html上呈現

回答

相關問題