1.因为组件设置了scoped属性(css作用域),只能选中自己当前.vue文字存在的盒子,不能选中子组件.vue文件中的盒子
2.解决方案:v-deep深度选择器
(1)v-deep深度选择器作用:在父组件中选中子组件内部盒子的样式
(2)语法:
lees: /deep/
scss: ::v-deep
(3)应用场景:需要写css的盒子不在.vue的文件中
1.因为组件设置了scoped属性(css作用域),只能选中自己当前.vue文字存在的盒子,不能选中子组件.vue文件中的盒子
2.解决方案:v-deep深度选择器
(1)v-deep深度选择器作用:在父组件中选中子组件内部盒子的样式
(2)语法:
lees: /deep/
scss: ::v-deep
(3)应用场景:需要写css的盒子不在.vue的文件中