请问怎么做css里面修改多个按钮绑定事件后其中一个按钮的样式

Question

wxml

<view class="button_container"> {{item.name}} </view>

wxjs
data:{
buttons: [
{ id: 1, name: '放一张男生纸条' },
{ id: 2, name: '取一张女生纸条' },
{ id: 3, name: '放一张女生纸条' },
{ id: 4, name: '取一张男生纸条' }
]},
onLoad: function() {//默认选了第一个
this.data.buttons[0].checked = true;
this.setData({
buttons: this.data.buttons,
})
},

Answer 1

单独给个class,例如给个active

.active{bakcground:#f00}