JS代码:
data: {
tests: [{}, {},{}]
},
wxml代码:




我是{{index}} Index的第一个
我是{{index}} Index的第二个




wxss代码:
.lists{
display: flex;
flex-direction: column;
}
.lists :nth-child(odd){
background-color: yellow
}
.lists-item{
margin-bottom: 20rpx;
background-color: red
}
问题BUG:
使用了:nth-child 理论上讲应该是每一个lists-item的奇数背景是yellow色的

但是运行代码后 出现的确实这样的:


75277-1/https://mmbiz.qpic.cn/mmbiz_png/f3qOK2vHVdEx5zgIg1cdEOb4qOhlOtb89mCmMDxcLCUibhfFPYc1pSmQsdLIibpSd7QX8wUibuiaeKEwpF9fUXyia2A/640?wx_fmt=png" border=0 >




每一个lists-item 出现了:nth-child



但是每个lists-item中的子view居然也出现了 :nth-child


请问这个是什么问题?求解释

微信小程序开发问题解答