这是一个创建于 2007 天前的主题，其中的信息可能已经有所发展或是发生改变。
前端小白，做一个小工具 web 应用，用了 Bulma CSS 框架，需要在里面嵌入一个现成的 web 组件（ Redoc，在线 API 文档工具）。Bulma 的 CSS 影响了 Redoc 的显示效果。
如果能够将两者的 CSS 完全隔离，让 Bulma 的 CSS 不在 Redoc 里生效，那是最理想的。在 stackoverflow 上搜了一轮没有找到解决办法，有说需要把嵌入组件的 CSS 重写，加上 scope，但没见到具体怎么做的介绍。
难道只有使用 iframe 才可以避免 CSS 效果冲突？
 |
1
avenger 2019-06-27 02:46:53 +08:00 via iPhone
组件最外层 wrap 一个唯一 id，当命名空间用
|
 |
2
guojam 2019-06-27 03:26:36 +08:00
换 web 组件的 class 名吧，统一加前缀
|
 |
3
wunonglin 2019-06-27 03:40:28 +08:00
修改 ui 框架变量 ng-md2 和 vuetifyjs 都可以
|
 |
4
orancho 2019-06-27 04:00:21 +08:00 via Android
CSS Module
|
 |
5
Perry 2019-06-27 05:52:42 +08:00 via iPhone
shadow dom ？
|
 |
6
areless 2019-06-27 09:40:37 +08:00
PostCSS
|
 |
7
kinghly 2019-06-27 10:52:44 +08:00
CSS Module
|
Select Language