想要改变插件里组件的样式?使用样式穿透!【Vue】

作者: 前端小野2分类: 野生技能协会 发布时间: 2020-08-30 11:21:54 浏览:8950 次

想要改变插件里组件的样式?使用样式穿透!【Vue】

qin劳:
可以,这个有用。我经常想改element的默认样式在当前组件没法改,一般直接加在app.vue,因为能解决问题一直没去深究。。。

【回复】那你css基础还要加强了,本质上还是css的优先级,,要覆盖就要提高自己写的样式的优先级,然后为了解决样式冲突,又利用了属性选择器,限制组件样式范围,美其名样式穿透[辣眼睛]
【回复】回复 @pgjcoder :不要被现在的各种ui框架套住了,工作要用没办法,但是私下一定一定一定要打好css js基础,这是核心,然后去理解框架的思路,套路,这样才能提高自己水平,然后试着写一些小的ui通用组件,一点点进步[OK]
【回复】学到了吧~~~[呲牙][呲牙]
小胡的爱:
视频前面一段讲的是去掉三个小于号,可以让圆点变黄色,后面讲到hight=100%的时候,又讲了去掉三个小于号,圆点没办法弯黄色,这一点没听懂!!感觉 用的代码都一样,为啥一会能变色,一会不能变色。

伊人杳杳:
为什么三个大于号识别不出来呢?提示未识别的输入错误,我是在less 和scoped里面

【回复】回复 @伊人杳杳 :兼容性问题,参考:https://github.com/vuejs/vue-loader/issues/913 “这些深度选择器的写法最终都会被编译掉的,所以和浏览器兼容性无关。” 上面是尤大的原话,可以参考一下~
【回复】回复 @哈默聊前端 :但是这个兼容性怎么解决呢?谷歌和火狐对深度选择器的支持不一样。 而且有的元素,你把深度选择器打到它父级上,后代元素都能改样式,但是有的改不了,就像vantui的标题类 van-nav-bar__title,要改它的样式,必须把/deep/打到它前面,其他方式不起作用。我后面还用了另一种方式,写全局样式,在每个类名前面带上页面id选择器,保证不会互相影响,但是不知道这两种方式哪个好点
【回复】是一样的,/deep/或者::v-deep都是ok的
程风蓝:
一直用的/deep/,这还不知道是啥,跟/deep/是同一种东西么?

知识分享官 编程 JS WEB 前端 JAVASCRIPT 经验分享 VUE WEB前端 知识分享官招募令·第六期

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!