css 属性选择器vue组件中scope失效原因
vue组件中经常使⽤scope来使样式只在组件内⽣效。原因就是attribute 会⾃动添加⼀个唯⼀的 attribute为组件内 CSS 指定作⽤域，然后使⽤CSS的属性选择器⾃动⽣成样式范围。
然⽽在使⽤Element或者vant这种UI库的时候，在scope的CSS内修改UI库的样式，有的时候能修改成功，有的时候会修改失败。
查看控制台，原因就是属性选择器的问题。
Vue只会在⼀级DOM内⽣成指定attribute，然⽽CSS都会加上属性选择。所以UI库内嵌套的标签不会⽣成attribute，,CSS中却使⽤了属性选择器，也就造成样式失效
image.png
image.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。