前端小白，做一个小工具 web 应用，用了 Bulma CSS 框架，需要在里面嵌入一个现成的 web 组件（ Redoc，在线 API 文档工具）。Bulma 的 CSS 影响了 Redoc 的显示效果。
如果能够将两者的 CSS 完全隔离，让 Bulma 的 CSS 不在 Redoc 里生效，那是最理想的。在 stackoverflow 上搜了一轮没有找到解决办法，有说需要把嵌入组件的 CSS 重写，加上 scope，但没见到具体怎么做的介绍。
难道只有使用 iframe 才可以避免 CSS 效果冲突？
 |
avengerJun 27, 2019 via iPhone
1
组件最外层 wrap 一个唯一 id，当命名空间用
|
 |
guojamJun 27, 2019
2
换 web 组件的 class 名吧，统一加前缀
|
 |
shakarakaJun 27, 2019
3
修改 ui 框架变量 ng-md2 和 vuetifyjs 都可以
|
 |
oranchoJun 27, 2019 via Android
4
CSS Module
|
 |
PerryJun 27, 2019 via iPhone
5
shadow dom ？
|
 |
arelessJun 27, 2019
6
PostCSS
|
 |
kinghlyJun 27, 2019
7
CSS Module
|
Select Language