关于element中修改组件使用深度选择器/deep/的问题

作为一个小白,在使用饿了么ui的时候,想改一下里面的组件属性,但是发现虽然在页面上能找到对应的标签,然而在代码里却没法找到,使用了两种方法来修改其中的默认样式

第一种,去除style标签里的scoped属性,但是问题在于项目多人推进中你修改的样式会覆盖全局,导致别人的页面遭殃,所以没有引用

第二种,使用/deep/深度选择器,但是使用了你会发现

这个原因就是因为你没有在style后面加上less规则,具体写法如下

 

 添加完lang=”less“后你会发现此时的/deep/深度选择器不报错了,但是页面报错了。。。。咋整呢?

原因在于你为你的style定义了less规则但是没有安装他的依赖包,所以你还需要

安装个less是依赖包,npm install --save-dev less-loader less

安装完以后就没有问题了

posted @ 2020-12-01 16:00  布衣为相  阅读(2140)  评论(0)    收藏  举报