ナビゲーションバーに色が表示されないのはなぜですか？

Question

現在、リストアイテムごとに異なる色でナビゲーションバーのスタイルを設定しようとしています。ここ はhtmlコード

<ul> 
     <li id="item1"><a href="index.html">Home </a></li> 
     <li id="item2"><a href="about.html"> About </a></li> 
     <li id="item3"><a href="news.html"> News </a></li> 
     <li id="item4"><a href="video.html"> Video </a></li> 
     <li id="item5"><a href="donate.html"> Donate </a></li> 
     <li class="part"><a href="contact.html">Contact</a> </li> 
    </ul> 

されており、ここでの唯一の項目1とli.partが実際にすべてのブラウザで、正しく休息ディスプレイに何も色を表示されていないいくつかの理由のCSSコード

#item1{background:#7375D8}; 
#item2{background:#4E51D8}; 
#item3{background:#1A1EB2}; 
#item4{background:#303285}; 
#item5{background:#080b74}; 
#header ul li.part 
{ 

    background:#689AD3; 

} 

です。 Dreamweaverではプレビューセクションにすべての色が表示されているため、問題が何であるかわかりません。

あなたの貢献に感謝します。

Answer 1

構文エラーです。セミコロンは、中括弧の内側にある必要があります！

#item1{background-color:#7375D8;} 
#item2{background-color:#4E51D8;} 
#item3{background-color:#1A1EB2;} 
#item4{background-color:#303285;} 
#item5{background-color:#080b74;} 
#header ul li.part 
{ 
    background-color:#689AD3; 
} 

Answer 2

セミコロンを適切に閉じていないと、中括弧の外側にあったため、機能していないという理由があります。正しいCSSについては下記のCSSルールを参照してください。

は、以下のようなあなたのCSSを書く：

#item1{background:#7375D8;} 
#item2{background:#4E51D8;} 
#item3{background:#1A1EB2;} 
#item4{background:#303285;} 
#item5{background:#080b74;} 
#header ul li.part{background:#689AD3;} 

Answer 3

セミコロンは、各スタイルに閉じ括弧の前にする必要があります。閉じられていないタグは問題を引き起こしています