【报Bug】uniapp微信小程序动态绑定class 样式选择器:last-child 不生效

分类：HBuilderX

bug反馈

产品分类： HbuilderX

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window 10

HBuilderX版本号： 3.4.3

示例代码：

<view>  
            <view v-for="(t,i) in 3" :class="{'currentd':(i==0)}" :key="i">123456</view>  
        </view>  

<style scoped lang="scss">  
    .currentd{  
        &:last-child{  
            background-color: red;  
        }  

    }  
</style>

操作步骤：

循环动态添加calss

预期结果：

&:last-child 生效

实际结果：

&:last-child 不生效

bug描述：

<view>  
            <view v-for="(t,i) in 3" :class="{'currentd':(i==0)}" :key="i">123456</view>  
        </view>  

<style scoped lang="scss">  
    .currentd{  
        &:last-child{  
            background-color: red;  
        }  

    }  
</style>

2022-03-28 15:18 负责人:无分享

1 个回复

小枫叶 - 外包接单加v:wlmk1234567 注明来意

正常的view管用么?

该问题目前已经被锁定, 无法添加新回复

【报Bug】uniapp微信小程序动态绑定class 样式选择器:last-child 不生效

示例代码：

`<view> <view v-for="(t,i) in 3" :class="{'currentd':(i==0)}" :key="i">123456</view> </view> <style scoped lang="scss"> .currentd{ &:last-child{ background-color: red; } } </style>`

操作步骤：

循环动态添加calss

预期结果：

&:last-child 生效

实际结果：

&:last-child 不生效

bug描述：

1 个回复

公告

相关问题

【报Bug】uniapp微信小程序 动态绑定class 样式选择器:last-child 不生效

示例代码： <view> <view v-for="(t,i) in 3" :class="{'currentd':(i==0)}" :key="i">123456</view> </view> <style scoped lang="scss"> .currentd{ &:last-child{ background-color: red; } } </style>

操作步骤： 循环动态添加calss

预期结果： &:last-child 生效

实际结果： &:last-child 不生效

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

【报Bug】uniapp微信小程序动态绑定class 样式选择器:last-child 不生效

示例代码：

`<view> <view v-for="(t,i) in 3" :class="{'currentd':(i==0)}" :key="i">123456</view> </view> <style scoped lang="scss"> .currentd{ &:last-child{ background-color: red; } } </style>`

操作步骤：

循环动态添加calss

预期结果：

&:last-child 生效

实际结果：

&:last-child 不生效