Vue中css样式穿透(解决加scoped改变不了样式)


为了不让我们写的样式是全局样式,通常会在每个组件的style里面加一个scoped属性


但是也会遇到一些问题,比如我们用一些ui框架的时候,比如vant,想修改它的样式不起效果,当去掉scoped的时候,就可以了,但是这样我们这个样式就成全局了,会影响其他的


解决方法


在选择器前面加 >>> 或者 /deep/ 或者 ::v-deep

//方法1
/deep/ .classname{
	line-height: 20px;
}

//方法2
::v-deep .classname{
	line-height: 20px;
}


注:本文转载自谷泊网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

分享

最新加入

最新评论