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


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

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

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

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

 

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

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

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

安装完以后就没有问题了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM