使用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>