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属于＆＃34; 960.css＆＃34;并且你试图强迫你的style.css中的课程，如果是，请尝试更新你的css（！important），如下所示..

<强> CSS：

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

Answer 3

你的选择器没有错，你只是违反了团队选择者的规则和一些事情。但是，要使用组选择器，您需要将每个选择器与＆＃34;，＆＃34;不是空间。所以你应该有这样的东西;

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

但我想知道你为什么要将相同的属性和值传递给具有类和id的相同div元素？祝你好运。

CSS不会在index.html上呈现

3 个答案: