0

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

如果我将多选择器代码放在 h2 代码之前，那么它会完全忽略它。关于我缺少什么的任何想法？这是测试页面的链接：

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

我希望标题使用“深红色文本”字体显示，但似乎默认为“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 ) 时，它看起来可以正确呈现……所以我的网站有问题吗？

您能提供的任何帮助将不胜感激。

谢谢，

科普罗斯基

4

1 回答 1

1

问题不在于您的选择器或规则的顺序（尽管通常有时它确实很重要），<style>而在于样式表开头和结尾的标签：

<style type="text/css">

和

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

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

于 2013-03-26T04:07:20.497 回答