如果你希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用>>>操作符：
<style scoped>
.a >>> .b {/* ... */}
</style>
上述代码将会编译成：
.a[data-v-f3f3eg9] .b { /* ... */ }
有些像 Sass 之类的预处理器无法正确解析>>>。这种情况下你可以使用/deep/操作符取而代之——这是一个>>>的别名，同样可以正常工作。
less使用/deep/
<style lang="less" scoped>
.searchforminline-out {
/deep/ input{
width: 50px;
}
</style>
vue scoped 深度作用选择器 如果你希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，...
一去掉 scoped二混用本地和全局样式三使用深度作用选择器 .a >>> .b {/* ... */} 有些像 ...
深度选择器 如果您希望scoped样式中的选择器“深入”，即影响子组件，则可以使用>>>组合器： .a >>> ....
当 标签有scoped 属性时，它的 CSS只作用于当前组件中的元素。 转化结果为 使用 scoped 后，父组件...
vue组件中，在style设置为scoped时候，对子组件是不生效的.这时可以使用 /deep/ 深度选择器。一般...
scoped 简介原因：在vue中通常提倡使用scoped，因为scoped可以给vue当前页面添加作用域，避免全...
参考地址 vue 官网文档：深度作用选择器[https://vue-loader.vuejs.org/zh/gui...
使用 scoped 后，父组件的样式将不会渗透到子组件中，如果失效的话： 使用深度作用选择器/deep/ /dee...
vue scoped的作用是什么? 如何更改element-ui样式? CSS，VUE中 scoped不污染其他...
一、深度作用选择器（ >>> ） 严格来说，这个应该是vue-loader的功能。”vue-loader”: “^...
本文标题：vue scoped 深度作用选择器
本文链接：https://www.haomeiwen.com/subject/dofprqtx.html
网友评论