vue中修改子组件样式

一、全局修改

　　1、在App.vue中设置，引入公共样式及个别页面的特殊样式common.css；

　　　　例如：<link rel="stylesheet" type="text/css" href="static/assets/css/common.css">

　　　　　　　下边的写法没用过参考链接中给的

　　　　　　　

<a href=

"http://home.cnblogs.com/u/134870/"

target=

"_blank"

>@import</a>

"./common/css/main.css"

;

　　2、当前页面style去掉scoped属性。

二、引用的地方重写样式

　　这个方法有时候由于原组件样式嵌套复杂，没有分析清楚可能不生效。

　　1、重写用到组件的原有样式 还是属于这个组件局部的。

参考: 在vue组件中style scoped中遇到的坑