css - 如何基于一个元素的 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>