收藏
回答

关于nth-last-child不准确问题

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



最后一次编辑于  03-28
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    03-27

    请提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    03-27
    赞同
    回复 1
  • 戴文亮
    戴文亮
    03-28

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

    03-28
    赞同
    回复 1
    • 南惜羽
      南惜羽
      03-28

      也就是说这是css自身问题喽,谢谢,我换成了用nth-child从前数就可以实现同样效果了

      03-28
      回复
  • 海玄科技
    海玄科技
    03-27

    测试了一下,确实,bug

    03-27
    赞同
    回复