CSS选择器不工作

我有一些CSS如下：

#navBar ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#navBar ul li
{
    border: thin dashed #ffff00;
    display:inline;
    margin:0;
    padding:0;
}

#navbar ul li a
{
    border: 1px solid #707070;
    text-decoration: none;
    padding: 0;
    margin: 0;
    background-color: #909090;
}

    <div id="navBar">
        <ul>
        <li><a href="#" >Home</a></li>
        <li><a href="#" >Services</a></li>
        <li><a href="#" >About us</a></li>
        <li><a href="#" >Blog</a></li>
        <li><a href="#" >Contact</a></li>
        </ul>
    </div>

HTML是这样的：

#navBar ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#navBar ul li
{
    border: thin dashed #ffff00;
    display:inline;
    margin:0;
    padding:0;
}

#navbar ul li a
{
    border: 1px solid #707070;
    text-decoration: none;
    padding: 0;
    margin: 0;
    background-color: #909090;
}

    <div id="navBar">
        <ul>
        <li><a href="#" >Home</a></li>
        <li><a href="#" >Services</a></li>
        <li><a href="#" >About us</a></li>
        <li><a href="#" >Blog</a></li>
        <li><a href="#" >Contact</a></li>
        </ul>
    </div>

---

出于某种原因，未应用navbar ul li a部件，但应用了navbar ul li和navbar ul。我相信它过去也有用。并且它通过了w3c验证。这是明显的/愚蠢的吗？

我不确定，但尽量区分大小写并写出来

#navBar ul li a

---

我不确定，但请尽量区分大小写

#navBar ul li a

根据，选择器在HTML文档中不区分大小写，但在XHTML文档中区分大小写。您的第三条规则拼写为navbar，这与实际元素名navbar不同

此外，有些浏览器实际上有一个bug，即使文档是以HTML形式交付的，也会将选择器视为区分大小写的。

根据，选择器在HTML文档中不区分大小写，但在XHTML文档中区分大小写。您的第三条规则拼写为navbar，这与实际元素名navbar不同

---

此外，有些浏览器实际上有一个bug，即使文档是以HTML格式发送的，也会将选择器视为区分大小写的。

我会给Franci一个更完整的答案，但谢谢+1我会给弗朗西一个更完整的答案，但谢谢+1.