vue中设置样式穿透

原生css语法:

.类名 >>> .类名{样式}

less,sass,scss预处理器语法:

::deep {
	原组件样式名 {
		样式
	}
}
vue-cli3以上版本不可以
/deep/ .类名{样式}
父类 /deep/ 子类

例如:修改uni-app中checkbox的样式

.shop-option /deep/ uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
  background: #30AEC1 !important;
  border-color: #30AEC1 !important;
}

你可能感兴趣的:(vue.js,前端,javascript)