css样式防止全局污染

410 阅读1分钟

scoped

style中用scoped属性实现组件的私有化

image.png

穿透scoped私有化三种方法

/deep/

使用外部UI组件,修改一处就可能会影响到用这个组件的所有样式,所以就需要有一个方法或者方式,既不影响到别的地方,又能修改子组件在当前的样式。/deep/就能实现

13ae75a487c78f72b805cfae97f5b95.png

::v-deep

修改elementui的样式:可以使用::v-deep样式穿透

css中>>>

image.png

自用扩展:防止样式全局污染

image.png

image.png