style标签内 scoped后样式不生效问题

1 Scoped属性作用

当 <style> 标签设置 scoped 属性后，它的 CSS 只作用于当前组件中的元素(本地和全局的概念).情况如下:

使用 scoped 后，父组件的样式将不会渗透到子组件中。

不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响(所以有时候给子组件设置的属性会发现不起作用)。

 

2 借助深度作用选择器<Deep>

 

 

 加 ::v-deep