在div中设置h1样式

Question

我想在一个div中设置一个h1标题的样式，但是不管我怎么尝试，它总是保持粗体。

js fiddle

​

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

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

​

Answer 1

font-style有nothing to do with bold

字体样式CSS属性允许在字体系列中选择斜体或斜面。

你想要font-weight instead

字体粗细CSS属性指定字体的粗细或粗体。但是，有些字体并非在所有粗体中都可用；有些字体仅在普通和粗体中可用。

Answer 2

您需要font-weight

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

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