关于nth-last-child不准确问题
发布于 5 年前 作者 yongzhong 5228 次浏览 来自 问答

使用 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

3 回复

在 Chrome 测试了一下类似情况,和小程序表现一致,你可以改改写法

测试了一下,确实,bug

回到顶部