文書内の最初のh1だけをスタイルする

子孫の最初の<h1>、またはの最初の<h2>の子孫をスタイルする方法を探しています。文書内の最初のh1だけをスタイルする

は、純粋なCSSで「すべての<div>の最初の<h2>を」「<body>内の最初の<h1>」を指定したりする方法はあります...私は:first-childを使用してみましたが、これはどの最初の子のようですか？

「id」または「class」を与えてそのように対処しないのはなぜですか？ – ifconfig

@ifconfigこれは、html文書を作成する技術者以外のユーザーのためにまとめています。 – ControlAltDel

十分に公正です。なぜ私はちょうど興味があった。 – ifconfig

に関する詳細情報についてはおそらく:first-of-typeをしたい：

div > h2:first-of-type { 
    color: red; 
} 

body > h1:first-of-type { 
    color: red; 
}

2017-09-11 16:40:31 j08691

最初のセレクタ'div> h2：first-of-type'でなければなりません。 – freginold

@freginold良い目です。更新された – j08691

first-of-typeを使用することができます。以下は、単一のh1の例です。この訪問the w3schools page

h1:first-of-type 
{ 
    color: red; 
}

2017-09-11 16:40:29 nncho

:first-of-type CSS擬似class`は、兄弟要素のグループの中でそのタイプの最初の要素を表しています。

div > h1:first-of-type { 
    color: black; 
} 

body> h1:first-of-type { 
    color: black; 
}

2017-09-11 16:43:51

最初のセレクタは 'div> h2：first-of-type'でなければなりません。 – freginold

答えて