uni-app父组件覆盖子组件样式

976 阅读1分钟

uni-app父组件覆盖子组件样式

h5端默认加上scoped

子组件设置scoped会增加私有后缀,为了保证它的唯一性不会父组件导入的css覆盖掉,

但App.vue导入的css会覆盖掉它

非scss:父组件使用>>>可覆盖子组件样式

>>>.option {
		color: red !important;
	}

scss:父组件使用/deep/可覆盖子组件样式

/deep/.item {
		background-color: red !important;
		.uni-icons {
			background-color: pink;
		}
	}