Question

所以这就是我遇到的问题。我想要高效并将我的所有标头标签设置为相同的字体系列。所以我使用下面的代码。但是，当多个选择器代码在单个h2代码之后时，它似乎才起作用。

如果我将多选择器代码放在h2代码之前，那么它会完全忽略它。有什么想法，我错过了什么？这是测试页面的链接：

http://www.jasonkoprowski.com/test/JK_Test.html

我希望标题使用'Crimson Text'字体显示，但似乎默认为'Times New Roman'（甚至不确定它实际上是从哪里得到的。当我放入h1，h2，h3时，它可以找到h4，h5代码之后但不是之前。我想我可以把它放在h2标签代码之后并完成它但我想确保我理解问题的根本原因：

h1, h2, h3, h4, h5 { 
   font-family:"Crimson Text", "Lucida Sans Unicode","Times New Roman", serif;
}


h2 {
  color:#232323;
  font-style:normal;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.1em;
  margin:30px 0;
  text-align:center;
  font-size:42px;
}

为了给我的困惑添加更多内容，当我将代码添加到Code Pen（http://codepen.io/anon/pen/EDpJg）时，它看起来正确呈现...所以我的网站上有错误吗？

非常感谢您提供的任何帮助。

谢谢，

Koprowski

Answer 1

问题不在于您的选择器或规则的排序（有时候会in general it does matter），而是在样式表的开头和结尾带有<style>标记：

<style type="text/css">

和

</style>
<!--CSS END-->

这些属于HTML页面，但不属于CSS表格。此外，开始代码会干扰您的h1, h2, h3, h4, h5规则。你应该删除它们。

CSS：h1，h2，h3多个选择器+单独的h2 ...顺序问题？

1 个答案: