收藏
回答

[BUG反馈] nth-child 选择器bug

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 Bug 客户端 7.0.4 2.5.2


使用伪类选择设置的样式

在开发者工具左边已经显示出来了

但是颜色不同

设置class的样式就可以显示出来

代码片段

wxss:

/* .shanghai .comment_list .title_wrapper .title :nth-child(1) {

    text-shadow: 10rpx 10rpx 5rpx #3625af;

}


.shanghai .comment_list .title_wrapper .title :nth-child(2) {

    text-shadow: 10rpx 10rpx 5rpx #5233b7;

}


.shanghai .comment_list .title_wrapper .title :nth-child(3) {

    text-shadow: 10rpx 10rpx 5rpx #603abb;

}


.shanghai .comment_list .title_wrapper .title :nth-child(4) {

    text-shadow: 10rpx 10rpx 5rpx #7645c1;

}


.shanghai .comment_list .title_wrapper .title :nth-child(5) {

    text-shadow: 10rpx 10rpx 5rpx #814bc4;

}


.shanghai .comment_list .title_wrapper .title :nth-child(6) {

    text-shadow: 10rpx 10rpx 5rpx #9956cb;

}


.shanghai .comment_list .title_wrapper .title :nth-child(7) {

    text-shadow: 10rpx 10rpx 5rpx #ae60d0;

}


.shanghai .comment_list .title_wrapper .title :nth-child(8) {

    text-shadow: 10rpx 10rpx 5rpx #c06ad5;

} */


每行的颜色是不同的  可是在开发者工具上 颜色都是同一个

![ ](https://mmbiz.qpic.cn/mmbiz_png/4uYPFjQ278bXvoHvmwK0MXfOearjeeDZpYHq4yZy9iaRmtxUicjCSH8Hn7JxhI6gb5zI0nxx6YbLQ9pajd3V9AOA/0?wx_fmt=png)


同样的wxss样式 放在class里 就正常了 如图

![ ](https://mmbiz.qpic.cn/mmbiz_png/4uYPFjQ278bXvoHvmwK0MXfOearjeeDZB5A4oMWkNxlqVd2Jy1q0s0PkaNpF5UiaT84b8V7ib3fRFj316U1AbBRA/0?wx_fmt=png)


最后一次编辑于  07-16  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏关注问题回答

6 个回答

  • 是柿子啊
    是柿子啊
    07-16

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

    07-16
    赞同
    回复 4
    • 💮肥宅店長.
      💮肥宅店長.
      07-23
      https://developers.weixin.qq.com/s/jLqU14mt7ual
      07-23
      赞同
      回复
    • 是柿子啊
      是柿子啊
      07-23回复💮肥宅店長.

      测试结果跟真机显示是一致的

      07-23
      赞同
      回复
    • 💮肥宅店長.
      💮肥宅店長.
      07-23回复是柿子啊
      关键 问题就是 nth-child里面的样式和写的效果不一样 片段里 class 和nth-child里面的样式是一模一样的
      07-23
      赞同
      回复
    • 💮肥宅店長.
      💮肥宅店長.
      07-23回复💮肥宅店長.
      真机显示出来的效果 nth的是同一个颜色(非正常显示) 而class是正常的
      07-23
      赞同
      回复
  • 💮肥宅店長.
    💮肥宅店長.
    07-24

    没人确认一下吗

    07-24
    赞同
    回复