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