在 uni-app 中选中奇偶子元素

问题描述:

在 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); 
	}

你可能感兴趣的:(uni-app,微信小程序,前端)