问题描述:
在 uni-app 中,使用 :nth-child() 选择器选择奇偶子元素不像预期那样生效。
原代码: - :nth-child(2n) 选择偶数个子元素
- :nth-child(2n+1) 选择奇数个子元素
/* 奇数子元素 */
.issueData_item:nth-child(2n+1) {transform: translateY(0);
}
/* 偶数子元素 */
.issueData_item:nth-child(2n) {transform: translateY(10rpx);
}
修改后:直接使用奇偶判断 odd奇数 even偶数 解决
/* 奇数子元素 */.issueData_item:nth-child(odd) {transform: translateY(0);}
/* 偶数子元素 */.issueData_item:nth-child(even) {transform: translateY(10rpx); }