css - 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 'bannerNav' 周围缺少引号？

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

应该是……

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