vue style scoped问题

Question

为了解决复用的组件样式修改问题，写了两个style 一个添加了scoped属性，一个没有添加scoped，样式可以正常生效，但是在浏览器的F12调试工具中，修改没有添加scoped属性的样式，添加了scoped的样式都失效了，重新刷新，就又好了，有没有知道这是什么问题呀

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

<style scoped>
/* 本地样式 */
在浏览器F12直接手动调试这里面的样式，上面添加scoped的样式全部失效
</style>

Answer 1

大概样式是被覆盖了, 最后调整的才是最终的 。 比如同时写在 <style> </style> 里面 和 在标签里 style = “” 里面 肯定是后者优先生效 ， 大概就是这么 个意思。 一个菜鸟的理解

Answer 2

一般会加上ID，或者起不同的class name