我是 Stack Overflow 和网络开发的新用户。
我一直在寻找此脚本无法正常运行的原因，但没有得出结论。 CSS 不会更改文本的颜色、位置，也不会更改字体系列。但是，html 非常好。
我不知道为什么 CSS 不起作用，但我使用的是 Mac OS X 和 Atom 文本编辑器。
谁能指导我解决这个问题？代码如下:
body {
font-family: "Open Sans", sans-serif;
}
h1.title {
color: #ccc;
font-weight: 300;
}
figure {
margin: auto;
}
.title {
padding: 100px 0;
max-width: 640px;
text-align: center;
}
根据人们要求的 html 进行编辑。感谢您的提问!在这里:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="assets/stylesheets/Homepage Styling.css">
<meta charset="UTF-8" />
<meta name="author" content="Adrian" />
<meta name="description" content="A portfolio of past works." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Adrian's Portfolio</title>
</head>
<body>
<div class="title">
<h1>Clothing Store</h1>
<hr />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nullam imperdiet urna ut purus ornare consequat.
Donec sed mauris non urna bibendum rhoncus. Sed dignissim leo id pulvinar
laoreet. Nam at finibus urna. Mauris fermentum quam nec tempor consequat.
Aenean congue eros ipsum, ac fermentum lorem consectetur sit amet.
Quisque porttitor ex eros, in feugiat nunc pretium sit amet.
Vivamus dapibus nulla id eros malesuada varius.
</p>
</div>
</body>
</html>
最佳答案
此 CSS 代码不会更改 H1 的颜色或粗细，因为您正在将颜色应用到具有“title”类的 H1。但是在 H1 标签中没有“title”类。我认为其他属性工作正常。
将以下内容替换为正确的。
h1.title{
color: red;
font-weight: 300;
}
解决方法一:
h1{
color: red;
font-weight: 300;
}
方案二:
.title h1{
color: red;
font-weight: 300;
}
关于html - CSS 不会加载它的属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41526439/