html - 将内容脚本 css 与网站 css 分开?

标签 html css reactjs google-chrome-extension react-bootstrap

我正在构建一个浏览器扩展,我想在其中使用 Bootstrap 。问题是 Bootstrap css 与页面的 css 发生冲突,导致某些网站困惑。

有没有办法将内容脚本 css 与网页的 css 分开?有一些已知的解决方案吗?

最佳答案

您可以提供一个命名空间版本的 Bootstrap ,其中全局样式不会在命名空间 CSS 选择器之外应用。

要生成它,您必须使用 SASS 自行构建 Bootstrap 。

这个回答很好恢复了程序:How to namespace Twitter Bootstrap so styles don't conflict

关于html - 将内容脚本 css 与网站 css 分开?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55359786/

相关文章:

html - 无法在页面上居中无序列表?

html - 导航菜单在表格的 td 内对齐且无边框

CSS 容器/文本自动调整大小

javascript - 我无法理解这段代码(针对 React/Redux)是如何工作的

javascript - 当用户将鼠标悬停在两个 div 之一上时,如何让 div 显示特定图像?

html - 使列表组全宽 - 出现水平滚动条

javascript - OSM 页面上的警报 View 框字段无法使用 Javascript 工作

css - 将 Lighten Css 特性嵌入到 Jsx/React

javascript - 如何从 ScriptProcessorNode 迁移到 AudioWorkletNode

javascript - 无法使用链接的本地 Node 模块构建项目