vu开发小技巧之样式穿透
【vu开发小技巧之样式穿透】通常我们在开发当中经常会遇到修改第三方组件样式的时候,但由于 scoped 属性的样式隔离,可能需要去除 scoped 或是另起一个 style这些都比较麻烦而且可能带来组件样式被污染的副作用。
所以样式穿透相比就显得简单优雅了,但是样式穿透在css预处理器中使用才生效。
使用 >>> 或 /deep/ 解决这一问题:
>
外层 >>> .el-checkbox {
display: block;
font-size: 26px;
.el-checkbox__label {
font-size: 16px;
}
}
>
/deep/ .el-checkbox {
display: block;
font-size: 26px;
.el-checkbox__label {
font-size: 16px;
}
}
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 【译】20个更有效地使用谷歌搜索的技巧
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记