後裔

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">