CSSnth-child问题

微信公开课小程序热门讨论关于「CSSnth-child问题」的小程序开发问题
补充:JS代码:data:{tests:},wxml代码:viewviewclass=listsblockwx:for={{tests}}wx:foritem=itemwx:forindex=indexwx:key=itemviewclass=listsitemviewclass=listsitem1我是{
展开:JS代码:data:{tests:[{},{},{}]},wxml代码:<view<viewclass=lists<blockwx:for={{tests}}wx:foritem=itemwx:forindex=indexwx:key=item<viewclass=listsitem<viewclass=listsitem1我是{{index}}Index的第一个<view<viewclass=listsitem2我是{{index}}Index的第二个<view<view<block<view<viewwxss代码:lists{display:flex;flexdirection:column;}lists:nthchild(odd){backgroundcolor:yellow}listsitem{marginbottom:20rpx;backgroundcolor:red}问题BUG:使用了:nthchild理论上讲应该是每一个listsitem的奇数背景是yellow色的但是运行代码后出现的确实这样的:每一个listsitem出现了:nthchild但是每个listsitem中的子view居然也出现了:nthchild请问这个是什么问题?求解释即速小程序：listslistsitem:nthchild(odd)：@官方这是代码片段https:developersweixinqqcomsyO3mfwmu7l54
更多有关「CSSnth-child问题」的讨论可以前往微信公开课小程序参与互动哦！了解更多