【Vue3】 2.3 关于CSS样式穿透

下边 :deep()就是样式穿透的伪类

.information :deep(input){
	...
}

直接这样写，就是无限向下穿透层层组件嵌套

如果是像下边这样写

.information > :deep(input){
	...
}

则只穿透第一层的子组件
也就是说，:deep()这个选择器，是支持标准的css语法的

顺便提一嘴

在Vue3 的 SFC 里的Style 支持一个 scoped属性，这个属性是表明，在该style标签中定义的样式，只会作用于该SFC中的HTMLElement。
使用组件穿透，可以很好的突破这个限制，使得一些列的子组件都可以继承父组件的style。