vue style加上scoped属性之后，写样式不起作用问题

出现这种情况的原因

• 父组件没有使用scoped标识，使用的子组件用了scoped标识，在父组件中设置子组件中的节点的样式
• 父组件使用了scoped标识，子组件没有使用，父组件中设置子组件样式

• 如果我们添加了子组件，如果子组件也用scoped标识了，那么在父组件中是不能设置子组件中的节点的样式
• 若父组件有scoped，子组件没有设置，同样，也是不能再父组件中设置子组件的节点样

若想在父组件中修改子组件的样式，应该怎么办

第一种：穿透方法

<style scoped>
     外层 >>>第三方组件{
          样式
     }
</style>

第二种：再写一个style，不加scoped

<style>
     /*全局样式*/
</style>
<style scoped>
     /*局部样式*/
</style>