后裔

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 IDS ULS内的列表项不被尽管DOM层次结构类似于我在构造函数中创建的内容。我错过了什么？

Answer 1

你的id属性的值开始前失踪报价）假定元素的ID是bannerNav"，您的选择器不匹配。

Answer 2

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

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

没有它，铬（可能还有其他浏览器：

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

应该是...

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