css - 一个身份的后裔

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 层次结构类似于我在构造函数中创建的层次结构，但未选择 ids 中包含的 uls 中包含的列表项。我错过了什么？

Answer 1

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

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

应该 ...

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

Answer 2

您在id属性值开始之前缺少引号：

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

没有它，Chrome（可能还有其他浏览器）假定元素的 ID 是bannerNav"，您的选择器不匹配。