使用 class:nth-last-child时遇到问题
.a .b:nth-last-child(2):before,
.a .b:nth-last-child(1):before {
content: none;
}
这里我希望最后两个class为 b 的 content 为 none;
当下面这段代码出现了问题
<view class="a">
<view class="b"></view>
<view class="b"></view>
<view class="c"></view>
</view>
此时倒数第二个class为b的view的content并未为none
猜测可能是受到class为c元素的影响,怀疑是bug
效果如图
问题复现代码片段 https://developers.weixin.qq.com/s/Bdnd3cmH7R7y
在 Chrome 测试了一下类似情况,和小程序表现一致,你可以改改写法
也就是说这是css自身问题喽,谢谢,我换成了用nth-child从前数就可以实现同样效果了
请提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
代码片段 https://developers.weixin.qq.com/s/Bdnd3cmH7R7y
测试了一下,确实,bug