vue 高级技巧之 scoped 下的全局样式

众所周知  scoped  只对内部生效 

一般做法是

<style>
/* global styles */
</style>

<style scoped>
/* local styles */
</style>

现在简洁的做法

<style scoped>
:global(.red) {
  color: red;
}
</style>

亲测效果如下

标签：styles,vue,样式,global,scoped,做法,red
来源： https://www.cnblogs.com/byksj/p/15555408.html