追格小程序中常用的css伪类

在追格小程序中，为了优化小程序结构，简化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;
}