使每一秒div都有不同的背景颜色

我使用CSS为每个第二个div提供不同的背景颜色,但不知何故,我在使用(奇数)和使用(偶数)时都没有,这是怎么回事？

.hoverDiv:nth-child(odd) {
     background: red;
}
.hoverDiv:hover {
    background: #696969;
    cursor: pointer;
}


     

            

                
Number 1
            
        
        

            

                
Number 2
          
     

http://jsfiddle.net/j9S8v/87/

这是因为你的嵌套与你的css选择器不同.在你的html中,hoverDiv没有任何(元素)兄弟.

.hoverDiv:nth-child(odd) {
      background: red;
}
.hoverDiv:hover {
     background: #696969;
     cursor: pointer;
}


    

        
Number 1
    
    

        
Number 2