vue中父元素修改子元素中的样式

使用场景，A组件时父组件 class = toptitle，B元素是子组件(Zi)
记得import引入和components注册组件
父元素中样式

子组件的样式： class=zizujianweizhi （子组件文字）

具体写

父组件
//template
		<view class="toptitle">
				<text>访客人数登记</text>
				<Zi></Zi>
			</view>

// css==============
	.toptitle /deep/ .zizujianwenzi{
			color: red;
		}


子组件
<template>
	<view class="">
		<view class="zizujianwenzi">
			<text>子组件文字</text>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
.zizujianwenzi{
	color: blue;
}
</style>