vue css 穿透上层body

在Vue中，通过使用深度选择器/deep/或者>>>可以实现对上层body元素进行CSS穿透。

深度选择器是一种特殊的选择器，可以将样式应用到子组件中的元素。在Vue中，通过在样式表中使用/deep/或>>>来标记深度选择器的开始，然后在选择器后面跟上要穿透的元素，即可实现对上层body元素的样式控制。

例如，我想要改变body元素的背景颜色为红色，可以在样式表中使用以下代码：

<style scoped>
/deep/ body {
background-color: red;
}
</style>

在上面的代码中，使用了/deep/来标记深度选择器，然后跟上选择器body，即可选择到上层body元素，并将背景颜色设为红色。

需要注意的是，在使用/deep/或>>>时，样式必须在具有scoped属性的style标签中，并且只能应用在当前组件的子组件中，无法穿透到祖先组件或其他兄弟组件中。

通过使用/deep/或>>>，可以在Vue中实现对上层body元素的CSS穿透，达到对body元素的样式控制。