html - div内的样式h1

Question

我想在 div 中设置 h1 标题的样式，但无论我尝试什么，它总是保持粗体。

js小提琴

.header h1 {
  font-style: normal;
  color: grey;
}

<div class="header">
  <h1> Hello World </h1>
</div>

Answer 1

你需要font-weight：

.header h1{
    color: grey;
    font-weight: normal;
}

演示：http: //jsfiddle.net/h6EtB/2/

Answer 2

font-style与粗体无关：

font-style CSS 属性允许在字体系列中选择斜体或斜面。

你font-weight想要：

font-weight CSS 属性指定字体的粗细或粗细。但是，某些字体并非在所有权重中都可用；有些仅在正常和粗体上可用。