CSSのH1要素にスタイルが適用されていません

Question

私は奇妙な問題に直面しています。スタイルはH1要素に適用されていません。

コード：

p h1 { 
 
    color: red; 
 
}

<p> 
 
    <h1>This is a header</h1> 
 
</p>

Answer 1

あなた無効なHTMLですpの子、などの見出し（H6からH1）を持っていませできます。

お使いのブラウザが自動的にh1要素の開始前にp要素を閉じているので、それは下のDOM（コード）を生成これであなたを残して、働いていない：あなたをアセスするF12のいずれかを使用して

<p> </p> 
<h1>This is a header</h1> 
<p> </p> 

ブラウザの開発者ツールを使用するか、ソースコードを表示するにはCTRL + Uを使用すると、上に生成されたDOMが表示されます。

---

代わりに、あなたはp内部spanまたは見出し（H6からH1）

h1 { 
 
    color: red; 
 
} 
 
h2 span { 
 
    color: green 
 
} 
 
p span { 
 
    color: blue 
 
}

<h1>This is a header</h1> 
 
<h2><span>This</span> is a second header</h2> 
 
<p><span>This</span> is a paragragh</p>

は、W3C仕様

に headings contentsと phrasing elementsについての詳細を参照してくださいすることができ