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-stylebold とは何の関係もありません:

CSS の font-style プロパティを使用すると、font-family 内で斜体または斜体を選択できます。

font-weight代わりに欲しい：

CSS の font-weight プロパティは、フォントの太さまたは太さを指定します。ただし、一部のフォントはすべての太さで使用できるわけではありません。一部はノーマルとボールドでのみ使用できます。