html - 解析 HTML 中的 CSS 命名空间

Question

我是一名网络开发新手，我正在开发一个显示来自其他来源的 html 的网络应用程序。主 webapp 基于引导程序，而其他外部 html 嵌入在引导程序模式中。我希望模态内容看起来与如果它们是单独的 html 页面完全一样。由于嵌入的 html 可以包含已被引导风格化的元素，因此外部 html 中包含的任何 td、tr 或 table 也会被风格化。

有没有办法告诉 html 类似“在这个 div 中，不要使用引导样式？”

顺便说一句，由于这是一个内部框架并且会被少数人使用，我并不担心 xss 漏洞。

Answer 1

一种解决方案是在所有引导程序前面加上 .bt 之类的前缀，因此声明最终如下：

.bt table
.bt input
.bt td

然后使用引导程序到站点的主 div（或主体），添加 bt 类，如<div class="bt">

Answer 2

我不知道我是否正确解释了你的问题。但我知道你想让一个 div （或任何元素）没有引导样式。然后，您可以使用自己的 CSS 样式表覆盖这些样式，将新样式与!important规则一起应用于该元素。