在追格小程序中,为了优化小程序结构,简化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;
}
-
追格付费推广模块内测中:新功能抢先看,敬请期待正式发布!追格付费推广模块,专为帖子和文章等内容付费推广设计,适用于小程序首页的醒目置顶推广。
-
WordPress是干什么的WordPress是一款开源的CMS,也就是常说的内容管理系统,它基于PHP开发,并使用MySQL作为数据库管理系统。
-
追格小程序V2.2.0两大亮点来袭,你准备好了吗?追格小程序终于迎来了两大全新功能模块的华丽登场!它们分别是圈子(圈主)管理模块和付费推广模块。
-
一为导航主题(One Nav)和追格小程序冲突的解决方法近期有小伙伴反馈,在一为导航主题(One Nav)上面安装追格小程序后,报错如下
-
如何通过链接进入小程序如何通过链接进入小程序
-
应互联网信息内容主管部门要求,建议在[小程序开发者后台-管理-成员管理]处将手机号信息补充完整后再提交代码审核追格小程序交流群里,用户反馈小程序提交审核后被驳回,提示:应互联网信息内容主管部门要求,建议在[小程序开发者后台-管理-成员管理]处将手机号信息补充完整后再提交代码审核。
暂无评论,抢个沙发...