在div中的样式h1

Question

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

js fiddle

HTML

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

CSS

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

Answer 1

您需要font-weight：

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

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

Answer 2

font-style有nothing to do with bold：

  

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

您想要font-weight instead：

  

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