どのようにHTMLとCSS

Question

div.countries { 
 
    color: blue; 
 
    font-family: Arial; 
 
}

<div class="countries"> 
 
    <h2>Mexico</h2> 
 

 
</div> 
 

 
<div class="countries"> 
 
    <h3>Brasil</h3> 
 

 
</div>

上のクラスに見出しを置くために、誰もがいただきましCSSで上記のコードで間違って教えてもらえます。 HTMLセクションの見出しは以下のように書かれています：

<h2> 
Mexico 
</h2> 

と

<h3> 
Brasil 
</h3> 

しかし、私は彼らがしたいとH2及びH3はまだ青やゴシックのように表示されません。私は何が間違っているか見ることはできませんが、私はこれでほぼ完全なアマチュアであり、学ぶことを試みています。誰かが私を助けてくれることを願っています:)他に何かを指定したい、またはもっと情報が必要な場合は、お尋ねください。

Answer 1

それは正常に動作し、何かがそれらをオーバーライドする可能性が高い、あなたは深く影響を与えることを試みる可能性があり、多分それはそれらをバック上書きします：

div.countries>h2, div.countries>h3 { 
    color: blue; 
    font-family: Arial; 
} 

Answer 2

h2, h3 { 
    color: blue; 
    font-family: Arial; 
}