2014-06-30 136 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