引入第三方的时候修改样式 可以用样式穿透。
1.使用 >>> 深度选择器进行样式穿透
在App.vue中添加样式,修改子组件的title及列表项的字体颜色:
.card >>> .title {
color: #eee;
}
.container .card >>> .list .item {
color: #FF6347;
}
2父元素 /deep/ 子元素 (less/sass)
vue样式穿透
于 2022-03-28 17:31:39 首次发布
引入第三方的时候修改样式 可以用样式穿透。
1.使用 >>> 深度选择器进行样式穿透
在App.vue中添加样式,修改子组件的title及列表项的字体颜色:
.card >>> .title {
color: #eee;
}
.container .card >>> .list .item {
color: #FF6347;
}
2父元素 /deep/ 子元素 (less/sass)