/* :nth-child(1) box组件中的第一个view 背景色设置 按照顺序设置,弊端,同一组件中可能包含不同组件,这个只能按照顺序设置*//*:nth-of-type(1) box组件中的第一个view 背景色设置 与child区别, type同一类型的组件有效,不会被中间的其他组件干扰*//*:first-child 第一的背景色 *//*:last-child 最后...
另外用nth-child(num) 可以指定第num个元素,比如 A>B:nth-child(2){},表示A中的B里第2个元素,但是注意,这里如果A里不止有B类型还有其他类型,这个选择会忽略B的类型,如果我们一定要指定A中B类型,那么需要使用nth-of-type(num) 跟2一样,还有 A>first-child{}, A>B:last-child{}, A>B:first-of-ty...
}.item:nth-child(odd) {background-color: antiquewhite; }.item:nth-child(even) {background-color: aquamarine; } 【注意】scroll-view 下拉刷新会出现上滑页面也触发下拉,可以在@refresherpulling="onPulling"这个方法,如下if (e.detail.deltaY < 0) return// 防止上滑页面也触发下拉 演示: 出现,在页...
} .item:nth-child(odd) { background-color: antiquewhite; } .item:nth-child(even) { background-color: aquamarine; } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 【注意】scroll-view 下拉刷新会出现上滑页面也触发下拉,可以在@refresherpulling="onPulling"这个方法,如下if (e.detail.deltaY ...
nth-child(5) { height: 9px; width: 9px; animation-delay: 0.8s; z-index: 3; } &.loading-round:nth-child(6) { height: 8px; width: 8px; animation-delay: 1s; z-index: 2; } &.loading-round:nth-child(7) { height: 7px; width: 7px; animation-delay: 1.2s; z-index: 1; ...
.prompt-loader .em:last-child { margin-right: 0px; } .prompt-loader .em:nth-child(1) { animation: load 2.5s 1.4s infinite linear; } .prompt-loader .em:nth-child(2) { animation: load 2.5s 1.2s infinite linear; } .prompt-loader .em:nth-child(3) { ...
&.loading-round:nth-child(6) { height:8px; width:8px; animation-delay:1s; z-index:2; } &.loading-round:nth-child(7) { height:7px; width:7px; animation-delay:1.2s; z-index:1; } } } &.pause{ .q-loading-item{ animation-play-state: paused; ...
另外用nth-child(num) 可以指定第num个元素,比如 A>B:nth-child(2){},表示A中的B里第2个元素,但是注意,这里如果A里不止有B类型还有其他类型,这个选择会忽略B的类型,如果我们一定要指定A中B类型,那么需要使用nth-of-type(num) 跟2一样,还有 A>first-child{}, A>B:last-child{}, A>B:first-of-ty...
.prompt-loader .em:last-child { margin-right: 0px; } .prompt-loader .em:nth-child(1) { animation: load 2.5s 1.4s infinite linear; } .prompt-loader .em:nth-child(2) { animation: load 2.5s 1.2s infinite linear; } .prompt-loader .em:nth-child(3) { ...
.item:nth-child(odd){ background-color:antiquewhite; } .item:nth-child(even){ background-color:aquamarine; } 【注意】scroll-view 下拉刷新会出现上滑页面也触发下拉,可以在@refresherpulling="onPulling"这个方法,如下if (e.detail.deltaY < 0) return// 防止上滑页面也触发下拉 演示: 出现...