但我们在vue组件的<style>标签里添加了scoped之后,是无法修改子组件的样式的,这个时候我们可以在子组件的选择器前加一个深度选择器(/deep/)如下:
<style scoped>
/deep/ .el-son{
/* 要覆盖的样式 */
}
</style>
有个需要注意的地方:
在使用了/deep/深度选择器后在<style>标签里面指定了lang="scss"之后,设置的样式不会生效,还会导致报错
但我们在vue组件的<style>标签里添加了scoped之后,是无法修改子组件的样式的,这个时候我们可以在子组件的选择器前加一个深度选择器(/deep/)如下:
<style scoped>
/deep/ .el-son{
/* 要覆盖的样式 */
}
</style>
有个需要注意的地方:
在使用了/deep/深度选择器后在<style>标签里面指定了lang="scss"之后,设置的样式不会生效,还会导致报错