私の次の部門にCSSが適用されないのはなぜですか？

Question

誰かがMainContentクラスではなくヘッダークラ​​スのスタイルを設定できる理由を教えてもらえますか？ Lorum Ipsumのテキストだけが表示されます。メインコンテンツdivには、幅、高さ、色は表示されません。助けてくれてありがとう！

.header { 
 
    width: 100%; 
 
    height: 90px; 
 
    background-color: blue; 
 
} 
 

 
.header img { 
 
height: 80%; 
 
margin-top: 10px; 
 
margin-left: 260px; 
 
} 
 

 
.MainContent { 
 
    width: 100%; 
 
    height: 80%; 
 
    background-color: yellow; 
 
}

<div class="header"> 
 
\t <img src="img/epic_it.png" alt="epicit logo"> 
 
\t <nav></nav> 
 
</div> 
 

 
<div class="MainContent"> 
 
\t <h1> 
 
\t Lorem ipsum 
 
\t </h1> 
 
</div>

Answer 1

あなたはCodeMirror invalid characterと考えられ、それは破るために、次のいずれかのCSSを引き起こしているあなたの.header img宣言の終わりにマークアップの本当に奇妙な作品を持っています。スニペットを編集すると、そこに赤い円が表示されますが、スニペットプレビューでは表示されません。単にそれを削除

は、問題が修正されています。

.header { 
 
    width: 100%; 
 
    height: 90px; 
 
    background-color: blue; 
 
} 
 

 
.header img { 
 
    height: 80%; 
 
    margin-top: 10px; 
 
    margin-left: 260px; 
 
} 
 

 
.MainContent { 
 
    width: 100%; 
 
    height: 80%; 
 
    background-color: yellow; 
 
}

<div class="header"> 
 
    <img src="img/epic_it.png" alt="epicit logo"> 
 
</div> 
 

 
<div class="MainContent"> 
 
    <h1> 
 
    Lorem ipsum 
 
    </h1> 
 
</div>

は、この情報がお役に立てば幸い！ :)