vue中修改子组件样式

2018-06-24 01:49:41来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、全局修改

  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中遇到的坑

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:秒懂-单列布局水平居中布局

下一篇:为什么a标签中使用img后,高度多了几个像素?