使用伪类选择设置的样式

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

但是颜色不同

设置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;

} */

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


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