CSS选择器不起作用

Question

我有一些像这样的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;
}

像这样的HTML:

    <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的一部分没有被应用,但#navbar ul li&#navbar ul是.我确信它过去也有用.它通过了w3c验证.这是明显的/愚蠢的吗？

Answer 1

根据CSS2规范,选择器在HTML文档中不区分大小写,但在XHTML文档中区分大小写.你的第三个规则法术navbar,它与实际的元素名称不同navBar.

此外,某些浏览器实际上存在错误并将选择器视为区分大小写,即使文档是以HTML格式传递的.

Answer 2

我不确定,但尝试区分大小写并写

#navBar ul li a