项目中当有需求需要更改组件默认样式时,可以先在 Dom 树中找到该元素的类名,直接修改该类名下的属性,修改完成在后加
! important 看效果能否实现。
.classname {
background: #333 !important;
}
如果没有实现效果,就要使用样式穿透的方式
sass/less使用样式穿透的方式为:/ deep /
父元素 / deep / 子元素
.parent /deep/ .children {
background: #333;
}
stylus的样式穿透的方式为:>>>
父元素 >>> 子元素
.parent >>> .children {
background: #333;
}
当然也可以在样式穿透下继续添加 ! important 强制修改样式。