jquery - Css 选择器无法正常工作

Question

第一次自己练习 Jquery 中的滑动条功能，有一个很奇怪的错误，似乎无法找到原因，也许你们中的一些人会看到它。

正文由两部分组成:导航 div 和片段 div:

<div id="featured">
  <div id="fragment1" class="fragment">This is fragment 1 to show </div>
  <div id="fragment2" class="fragment fragment-hide">This is fragment 2 to show </div>
  <div id="fragment3" class="fragment fragment-hide">This is fragment 3 to show </div>

  <div id="nav-fragment1" class="nav nav-chosen"> This is navigation element 1 </div>
  <div id="nav-fragment2" class="nav"> This is navigation element 2 </div>
  <div id="nav-fragment3" class="nav"> This is navigation element 3 </div>
</div>

有2套设计类。所选片段的片段和隐藏未选择片段的片段隐藏。有两套导航设计类。导航和导航选择。

这是 CSS:

#featured{
position:absolute;
top:10px;
left:10px;
width: 800px;
 }

#featured .fragment-hide{   
    display:none;   
}  

#featured .nav-chosen{   
    background-color: #00ff00;  
width:300px;
}  

#featured.nav{
background-color: #ffff00;  
width:300px;
}


#featured .fragment{  
   position:absolute;
   top:0px;
   left:300px; 
   background-color: #ffff00;  
   width:500px;
   height:240px;
}

http://jsfiddle.net/isherwood/URFUS/

无论我更改什么(背景颜色、高度、宽度等)，该设计适用于除“featured.nav”之外的所有元素。

这似乎是一个拼写错误或一个未关闭的 div 或一些非常简单的东西，但无论我读了多少遍，我就是找不到它。你呢？

Answer 1

#featured.nav 之间需要一个空格，应该是 #featured .nav。否则，它会寻找 ID 为 featured 和 类 nav 的 div。