在追格小程序中,为了优化小程序结构,简化css,我们在开发中应用了不少css伪类,对于css伪类,有些同学不是很了解,在这里,我们把追格小程序中常用的结构伪类给大家简单介绍一下。
结构伪类,以下情况都是E为父元素,F为子元素
E F:nth-child(n) 选择父元素的第n个子元素
E F:nth-last-child(n) 选择父元素的倒数第n个子元素
E F:first-child 父元素的第一个子元素,与E F:nth-child(1)等同
E F:last-child 父元素的最后一个子元素,与E F:nth-last-child(1)等同
E F:only-child 选择父元素中只包含一个子元素
E F:nth-of-type(n) 选择父元素的具有指定类型的第n个子元素
E F:nth-last-of-type(n) 选择父元素的具有指定类型的倒数第n个子元素
E F:first-of-type 选择父元素中具有指定类型的第1个子元素,与E F:nth-of-type(1)相同
E F:last-of-type 选择父元素中具有指定类型的最后1个子元素,与E F:nth-last-of-type(1)相同
E F:only-of-type 选择父元素中只包含一个同类型的子元素
如我们在商品列表中的应用
.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(1) {
height: 400rpx;
}
.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(2) {
position: relative;
background: none;
padding-top: 20rpx;
}
.zhuige-scroll-goods .zhuige-scroll-ad-block>view:nth-child(2) view {
color: #010101;
padding: 0;
}
-
追格企业官网小程序优化意见反馈追格企业官网小程序优化意见反馈
-
追格小程序用户隐私保护设置教程追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
如何利用css的延迟属性结合简单js实现渐变动效通过简单的Scss+TypeScript。我们可以实现视频中常见的渐变动效,这里是通过原生css+JS来实现的
-
如何利用css和简单JavaScript实现文字渐隐动态效果通过css的animation动画及js循环控制实现
-
追格小程序V1.8.5更新发布@好友模块与隐私协议接口追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
追格小程序全部产品都已添加隐私弹框为什么不在微信小程序SDK中弹出隐私弹框
暂无评论,抢个沙发...