:first-child无法显示的一种情况

CSS中使用:first-child遇到的问题---

<view class="basic baseWidth">
	<view class="basic-title baseTitle">基本信息</view>
	<view class="information flexRow flexBetween">
		<view class="information-left baseText">商家昵称</view>
		<view class="information-right baseTitle28">sallyna</view>
	</view>
</view>

在使用basic:first-child可以实现 使用information:first-child则无法实现 后来发现如果在information外嵌套一层。

<view class="basic baseWidth">
	<view class="basic-title baseTitle">基本信息</view>
	<view>
		<view class="information flexRow flexBetween">
			<view class="information-left baseText">商家昵称</view>
			<view class="information-right baseTitle28">sallyna</view>
		</view>
	<view>
</view>

便可以实现。 仔细看文档才发现 定义和用法 :first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。 其必须是父元素的第一个子元素