html - 为什么我的导航栏上不显示颜色

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>

这是CSS代码

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

    background:#689AD3;

}

由于某种原因，只有元素 1 和 li.part 实际上正确显示了颜色，其余的在所有浏览器中什么都不显示。然而，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;
}