CSS不會在index.html上呈現

Question

更新：這已解決。 我的CSS選擇器錯誤。 非常感謝所有答復！

我剛剛開始使用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網格系統，它所做的就是為它們提供div類和度量。 您看到的container_12位於960.css中，但僅設置了尺寸，沒有背景色，因此我認為不必包含960.css，因為它很長。 這可能是MAMP的問題，但是我敢肯定這是代碼中某個地方的簡單錯誤，但是很長一段時間以來我一直在研究這個問題，我只是腦子死了。 非常感謝您提出的任何意見/建議。 如果我在任何地方都沒有清楚自己的意思，或者需要詳細解釋一些事情，請告訴我！ 再次感謝。

Answer 1

您編寫的此CSS選擇器是錯誤的。

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

采用

#header_container {
      background-color: #000000;
    }

要么

   .container_12 {
      background-color: #000000;
    }

Answer 2

希望類.container_12屬於“ 960.css”，並且您試圖在您的style.css強制使用該類，如果是，請嘗試如下更新您的css（！important）。

CSS：

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

Answer 3

您的選擇器沒錯，只是違反了組選擇器的規則和其他幾件事。 但是，要使用組選擇器，您需要使用“，”而不是空格分隔每個選擇器。 所以你應該有這樣的東西；

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

但是我不知道為什么您要通過類和id將相同的屬性和值傳遞給相同的div元素？ 祝好運。

CSS不會在index.html上呈現

問題描述

3 個解決方案

解決方案1
1 已采納 2014-10-01 07:04:58

解決方案2
0 2014-10-01 07:06:54

解決方案3
0 2014-10-01 08:28:03

CSS不會在index.html上呈現

問題描述

3 個解決方案

解決方案1 1 已采納 2014-10-01 07:04:58

解決方案2 0 2014-10-01 07:06:54

解決方案3 0 2014-10-01 08:28:03

解決方案1
1 已采納 2014-10-01 07:04:58

解決方案2
0 2014-10-01 07:06:54

解決方案3
0 2014-10-01 08:28:03