基本的なHTML/CSS：最初のコンテナにCSSが表示されない

Question

私は基本的なdivで遊んでいて、自分のコードをローカルでテストしています。なぜ私の最初のdivのCSSが表示されないのかが分かりません。 2番目のdivがうまく表示されているように私は何が間違っているのか分かりません。

私は2番目のdivを、2番目のdivの中央に直接配置したい、最初のdivを単純な色付きのbgで作成しようとしています。

div#banner { 
 
    background-color: rgb(52, 72, 94); 
 
    height: 100%; 
 
    width: 100%; 
 
    position: relative; 
 
} 
 
div#bannerbox { 
 
    margin: 0px auto; 
 
    height: 50%; 
 
    width: 50%; 
 
    text-align: center; 
 
}

<div class="banner"> 
 
    <div class="bannerbox"> 
 
    testing 
 
    </div> 
 
</div>

Answer 1

あなたは、idをターゲットにしているが、HTMLであなたはクラスを使用します。この

.banner { 
    background-color: rgb(52, 72, 94); 
    height: 100%; 
    width: 100%; 
    position:relative; 
} 

.bannerbox { 
    margin: 0px auto; 
    height:50%; 
    width: 50%; 
    text-align: center; 
}