CSS给一行按钮统一设置间隔

使用css的＋（相邻兄弟选择器），找到指定元素后面的相邻元素。

 

<div class="btn-list">
    <button class="btn">按钮1</button>
    <button class="btn">按钮2</button>
    <button class="btn">按钮3</button>
  </div>

<style scoped lang="scss">
.btn-list {
  .btn+.btn {
    margin-left: 10px;
  }

  // 如果button查找使用标签选择器 如下也是一样的效果
   button+button {
    margin-left: 10px;
  }
}
</style>