V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2504 days ago, the information mentioned may be changed or developed.
前端小白，做一个小工具 web 应用，用了 Bulma CSS 框架，需要在里面嵌入一个现成的 web 组件（ Redoc，在线 API 文档工具）。Bulma 的 CSS 影响了 Redoc 的显示效果。
如果能够将两者的 CSS 完全隔离，让 Bulma 的 CSS 不在 Redoc 里生效，那是最理想的。在 stackoverflow 上搜了一轮没有找到解决办法，有说需要把嵌入组件的 CSS 重写，加上 scope，但没见到具体怎么做的介绍。
难道只有使用 iframe 才可以避免 CSS 效果冲突？
 |
1
avenger Jun 27, 2019 via iPhone
组件最外层 wrap 一个唯一 id，当命名空间用
|
 |
2
guojam Jun 27, 2019
换 web 组件的 class 名吧，统一加前缀
|
 |
3
shakaraka PRO 修改 ui 框架变量 ng-md2 和 vuetifyjs 都可以
|
 |
4
orancho Jun 27, 2019 via Android
CSS Module
|
 |
5
Perry Jun 27, 2019 via iPhone
shadow dom ？
|
 |
6
areless Jun 27, 2019
PostCSS
|
 |
7
kinghly Jun 27, 2019
CSS Module
|
Select Language