CSS:h1、h2、h3 多个选择器 + 单独的 h2 ...顺序很重要吗？

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 ) 时，它看起来呈现正确...那么我的网站有问题吗？

如果您能提供任何帮助，我们将不胜感激。

谢谢，

科普罗夫斯基

Answer 1

问题不在于您的选择器或规则的顺序(尽管有时 in general it does matter)，而在于 <style>样式表开头和结尾的标记:

<style type="text/css">

和

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

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