Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS不会在index.html上呈现_Html_Css_Stylesheet_Mamp - Fatal编程技术网

CSS不会在index.html上呈现

CSS不会在index.html上呈现,html,css,stylesheet,mamp,Html,Css,Stylesheet,Mamp,更新:这个问题已经解决了。我的CSS选择器错了。非常感谢所有回应的人 我刚刚开始使用MAMP在本地服务器上构建一个站点。我曾经编写过其他人的代码,但对于从头开始来说,我是一个新手,所以请原谅我的天真。我的CSS文件不适用,并为我的标题提供适当的背景颜色。我有两个样式表,style.css和960.css(从960.gs下载) 转到index.html时,960.css会在页面上呈现,但找不到style.css。它们位于同一文件夹中,在index.html上的调用完全相同。请帮忙 我的文件结构:

更新:这个问题已经解决了。我的CSS选择器错了。非常感谢所有回应的人

我刚刚开始使用MAMP在本地服务器上构建一个站点。我曾经编写过其他人的代码,但对于从头开始来说,我是一个新手,所以请原谅我的天真。我的CSS文件不适用,并为我的标题提供适当的背景颜色。我有两个样式表,style.css960.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>

如果您不熟悉960网格系统,它所做的只是为它们提供div类和度量。您看到的容器_12在960.css中,但只设置了维度,没有设置背景色,因此我认为没有必要包含960.css,因为它相当长。这可能是MAMP的一个问题,但我确信这在代码中的某个地方是一个简单的错误,但我在这个问题上工作了这么长时间,现在我简直是头脑发热。非常感谢您的任何意见/建议。如果我在任何地方都没有说清楚,或者我需要更详细地解释一些事情,请让我知道!再次感谢。

您编写的CSS选择器是错误的

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


希望类
.container_12
属于“960.css”,并且您正在尝试以
样式强制该类。css
,如果是,请尝试更新您的css(!important),如下所示

CSS:

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

您的选择器没有错,您只是违反了组选择器的规则和一些事情。但是,要使用组选择器,需要用“,”而不是空格分隔每个选择器。所以你应该有这样的东西

#header_container, .container_12 {
  background-color: #000000;
}
但是我想知道为什么要用一个类和一个id将相同的属性和值传递给同一个div元素?
祝你好运。

你说它们在同一个文件夹中,但你指的是
style/style.css
,那么应该是
style.css
。很抱歉,index.html与样式表不在同一个文件夹中。我的意思是960.css和style.css在同一个文件夹中控制台上有错误吗?可能找不到文件或无法加载等?控制台上没有错误,请使用CTRL+U查看页面源。之后,单击HTML源中的CSS文件路径。您能在web浏览器中导航并查看CSS文件源吗?若路径无效,则web浏览器无法将您导航到CSS文件。
   .container_12 {
      background-color: #000000;
    }
.container_12 {
  background-color: #000000!important;
}
#header_container, .container_12 {
  background-color: #000000;
}