Id的后代

Question

我有HTML看起来像这样：

<section class="container" id="banner">
            <header class="span12" id="header">
                <div class="span3 offset1" id="logo">Logo</div>
                <nav class="span10 offset1" id=bannerNav">
                    <ul>
                        <li>Home</li>
                        <li>Notebook</li>
                        <li>Article Archive</li>
                        <li>Tags</li>
                        <li>About</li>
                    </ul>
                </nav>
            </header>
        </section>

使用这样的CSS选择器：

#bannerNav ul li {
    display:inline-block;
    font-size:20px;
}

但是bannerNav id中包含的uls中包含的列表项没有被选中，尽管DOM层次结构类似于我在构造函数中创建的。我错过了什么？

Answer 1

id＆＃39; bannerNav＆＃39;周围可能缺少引号？

<nav class="span10 offset1" id=bannerNav">

应该......

<nav class="span10 offset1" id="bannerNav">

Answer 2

在id属性的值开始之前，您错过了引号：

<nav class="span10 offset1" id=bannerNav">
                               ^

如果没有它，Chrome（可能还有其他浏览器）会认为元素的ID为bannerNav"，而您的选择器不匹配。