element-ui修改全局样式且只作用于当前页面

1）修改组件的样式，但是只作用于当前页面，其他页面不受影响，做法有两种： 

法一：在当前页面添加样式：

<style lang="scss" scoped>

自定义类名 /deep/{

element ui选择器类名{
样式
}
}
</style>

法二：在其他页面写样式再导入到所需页面
scss文件写法：

自定义类名 /deep/{

element ui选择器类名{
样式
}
}

.vue页面引入必须加上scoped：
<style lang="scss" scoped>
@import "../../../styles/demo.scss";
</style>

使用api文档中所说的“>>>”不能实现局部样式，也可能方法不对暂时还没弄明白 "/deep/" 和 “>>>” 两者之间的区别