项目强制更改第三方组件默认样式

84 阅读 0 评论 56 点赞

我是靠谱客的博主开朗爆米花，这篇文章主要介绍项目强制更改第三方组件默认样式，现在分享给大家，希望可以做个参考。

项目中当有需求需要更改组件默认样式时，可以先在 Dom 树中找到该元素的类名，直接修改该类名下的属性，修改完成在后加

! important 看效果能否实现。

.classname {
  background: #333 !important;
}

如果没有实现效果，就要使用样式穿透的方式

sass/less使用样式穿透的方式为：/ deep /
父元素 / deep / 子元素

.parent /deep/ .children {
  background: #333;
}

stylus的样式穿透的方式为：>>>
父元素 >>> 子元素

.parent >>> .children {
  background: #333;
}

当然也可以在样式穿透下继续添加 ! important 强制修改样式。

以上就是开朗爆米花最近收集整理的关于项目强制更改第三方组件默认样式的全部内容，更多相关项目强制更改第三方组件默认样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。