uniapp样式穿透

有时候会遇到在class上修改的样式会无效,是因为遇到了样式穿透, 在vue开发过程中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。

<style scoped>
	
::v-deep .act-view-radio{
	background: #f9ebc6;
}

</style>

在那个class前面加上::v-deep以及在style标签加上scoped

我们说所的穿透,官方叫做深度选择器。就是在我们想穿透的选择器前边添加 >>> 或者 /deep/ 或者 ::v-deep。比如说父组件中修改子组件的样式

你可能感兴趣的:(uni-app,避坑大合集,样式穿透)