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

95 阅读 0 评论 63 点赞

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

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

! important 看效果能否实现。

.classname {
  background: #333 !important;
}

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

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

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

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

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

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

以上就是开朗爆米花为你收集整理的项目强制更改第三方组件默认样式的全部内容，希望文章能够帮你解决项目强制更改第三方组件默认样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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