如何基於它的上一個相鄰兄弟的CSS的元素的CSS？

Question

我試圖做一組按鈕，堅持頁面的底部，並由恆定的空間分隔。我使用angularJS的ng-repeat指令通過ajax請求獲取數據，然後我使用它顯示按鈕。

我的問題在於使按鈕間隔恆定的數量。

http://jsfiddle.net/8obgugd7/

正如你可以看到，三個按鈕都在完全相同的空間，因爲利潤不累積。有什麼方法可以使用CSS來確定基於上一個相鄰兄弟的元素邊距？

喜歡的東西：

.sticky-footer{ 
    position: fixed; 
    bottom: 0; 
    margin-left: 20px; 
} 

.sticky-footer + .sticky-footer{ 
    margin-left = (previous sibling's margin) + 100; 
} 

Answer 1

你就錯了。做一個容器，把它，然後只需按動內部

Demo

.sticky-footer{ 
    position: fixed; 
    bottom: 0; 
    left: 0; 
} 

.sticky-footer button { 
    margin-left:20px; 
} 

<div class="sticky-footer"> 
    <button>click me</button> 
    <button>click me</button> 
    <button>click me</button> 
    <button>click me</button>  
</div>