问题描述:
在 uni-app 中,使用 :nth-child() 选择器选择奇偶子元素不像预期那样生效。
原代码: - :nth-child(2n) 选择偶数个子元素
- :nth-child(2n+1) 选择奇数个子元素文章来源:https://www.toymoban.com/news/detail-704246.html
/* 奇数子元素 */
.issueData_item:nth-child(2n+1) {
transform: translateY(0);
}
/* 偶数子元素 */
.issueData_item:nth-child(2n) {
transform: translateY(10rpx);
}
修改后:直接使用奇偶判断 odd奇数 even偶数 解决文章来源地址https://www.toymoban.com/news/detail-704246.html
/* 奇数子元素 */
.issueData_item:nth-child(odd) {
transform: translateY(0);
}
/* 偶数子元素 */
.issueData_item:nth-child(even) {
transform: translateY(10rpx);
}
到了这里,关于在 uni-app 中选中奇偶子元素的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!