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>