用於嵌套DIV的斑馬樣css樣式

我有嵌套的DIV元素，爲此我不知道嵌套級別。我需要每個人都有不同於其父母創造斑馬般的色彩的背景。我只使用兩種背景 - 黑色和白色。效果需要類似於在一個容器中設置奇數和偶數的子樣式，但在我的情況下，子項是嵌套的。我可以通過規則爲每個嵌套元素執行此操作，例如：用於嵌套DIV的斑馬樣css樣式

div div div div { 
    background-color: #fff; 
} 

div div div { 
    background-color: #aaa; 
} 

div div { 
    background-color: #fff; 
} 

div { 
    background-color: #aaa; 
}

但是我正在尋找更優雅的解決方案。這隻能用CSS來完成嗎？我需要JavaScript嗎？

任何建議將不勝感激。

編輯：我在尋找，這將不需要的元素有一類，因爲他們需要與拖&降（JavaScript）的

來源

2012-01-12 Vladimir

不是一個解決辦法，但你可以簡化上面的css通過對元素進行分組：div，div div div div div {...}和div div，div div div div {...}。 – 2012-01-12 17:10:49

由於實際的解決方案，我只是使用JavaScript和甚至/奇怪的類，因爲您正在使用JavaScript進行拖放。 – 2012-01-12 17:11:32

我可能會去那。謝謝你們。 – Vladimir 2012-01-12 17:26:12

重新排列的解決方案UPDATE：該解決方案不再適用給出這個問題的更新。留在這裏供參考。

我只想用「偶」和「奇」類（或東西等效）：

div.even { 
    background-color: #fff; 
} 

div.odd { 
    background-color: #aaa; 
}

然後在HTML：

<div class="even"> 
    <div class="odd"> 
     <div class="even"> 
      <div class="odd"> 
       ... 
      </div> 
     </div> 
    </div> 
</div>

來源

2012-01-12 16:57:51

是的，我認爲，但元素也需要由用戶重新安排。我編輯了我的問題。謝謝您的回答。 – Vladimir 2012-01-12 17:00:58

用於嵌套DIV的斑馬樣css樣式

回答

相關問題