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,尽管DOM层次结构与我在构造函数中创建的类似,但是未包含在包含在id中的uls中包含的列表项.我错过了什么？

Answer 1

也许id'bannerNav' 周围缺少引号？

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

应该 ...

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