在div中的样式h1

Question

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

小提琴

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有无关大胆:

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

你想font-weight,而不是:

font-weight CSS属性指定字体的粗细或粗体.但是,某些字体并非所有权重都可用; 有些仅适用于普通和粗体.