2014-06-30 137 views
0

如何定位.upcome-events div中的所有偶数div,基本上我想要所有甚至是div的类名.event-date ll得到不同的背景颜色比其他.event最新的div,我想这个CSS:我如何定位一个div内的所有div div

.upcome-events .event-date:nth-child(even) { 
    background-color: #000; 
} 

这是我的html:

    <div class="upcome-events box"> 

         <h4></h4> 

         <div class="event clearfix"> 
          <div class="event-date"> 
           <h3></h3> 
           <p></p> 
          </div> 
          <div class="event-desc"> 
           <p></p> 
           <p></p> 
          </div> 
         </div> 

         <div class="event clearfix"> 
          <div class="event-date"> 
           <h3></h3> 
           <p></p> 
          </div> 
          <div class="event-desc"> 
           <p></p> 
           <p></p> 
          </div> 
         </div> 

         <div class="event clearfix"> 
          <div class="event-date"> 
           <h3></h3> 
           <p></p> 
          </div> 
          <div class="event-desc"> 
           <p></p> 
           <p></p> 
          </div> 
         </div> 

         <div class="event clearfix"> 
          <div class="event-date"> 
           <h3></h3> 
           <p></p> 
          </div> 
          <div class="event-desc"> 
           <p></p> 
           <p></p> 
          </div> 
         </div> 


        </div> 

但它不是为我工作。任何建议?

+0

你应该使用选择盲目之前使用你的大脑。你认为“偶”是什么?显然它是每个'.event' div,最肯定的是**不是'.event-date',因为你想匹配每个'event'而不是它们的内部子节点。 – vsync

+0

谢谢你,你是对的,其实我的大脑必须被绞死......这是一个非常简单的父母与子女元素组合......我应该仔细看看才能发帖...... –

回答

0

尝试:

.upcome-events .event:nth-child(even) .event-date { 
    background-color: #000; 
} 
+1

不要试试。做。没有尝试;) – vsync