收藏
回答

关于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



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

3 个回答

  • DWL
    DWL
    2019-03-28

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

    2019-03-28
    有用
    回复 1
    • 南惜羽
      南惜羽
      2019-03-28

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

      2019-03-28
      回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-03-27

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

    2019-03-27
    有用
    回复 1
  • 海玄科技
    海玄科技
    2019-03-27

    测试了一下,确实,bug

    2019-03-27
    有用
    回复
登录 后发表内容