我有嵌套的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)的
不是一個解決辦法,但你可以簡化上面的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