vue css权值问题

Question

我直接在main.jsimport一个css文件，我想做的是把所有media查询的样式都写在这里，但是发现并没有效果，这个css并不是权值最高的，尽管我放到最了最后的位置。。所以说如何处理权值和覆写这些问题？

Answer 1

.vue文件中如果style标签开启了scoped开关，页面渲染后的class就会出现.synergy[data-v-2462f4fe]的样子。相比较.synergy有较高的权重处理的方法是不开启scoped开关，但是需要对整个项目的开发制定一个规范