在vue中引入了scoped这个概念 ,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式 ,使用了data-v-hash的方式来使css有了它对应模块的标识
但是要注意scoped的作用域, 因为权重的问题 如果是在子组件使用了scoped 那么在父组件中是不能直接修改子组件的样式的 需要在父组件中使用vue的深度作用选择器。
.parent >>> .children{ /* ... */ }
或者
.parent /deep/ .children{ /* ... */ }
网友评论