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上呈现

回答

相关问题