javascript - 需要在页面的某个部分禁用样式

标签 javascript html css

我正在制作一个 A/B 网站。主要是为了好玩。它有两个部分。它从 Internet 获取页面并将其显示在容器 (div#page) 中。所以我获取 example.com,并更改基础并将其显示在 div 中。到目前为止,一切都很好。

上部是我网站的内容(div#header)。我展示了菜单、一个表单(用于指定 url)和其他一些东西。

问题是:来自 example.com 的 css 也适用于我网站的元素。我该如何阻止这种情况发生?我希望 example.com 的 css 仅适用于#page,而不适用于#header

有没有办法做到这一点?我知道我可以使用重置助手,但似乎不是最佳解决方案:必须重新定义所有内容。再加上我网站的 css 将适用于 example.com

任何想法,或者这是否可以撤消?

最佳答案

example.com 隔离到 iframe。要与该页面上的 javascript 交互,请遵循此 answer

关于javascript - 需要在页面的某个部分禁用样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9186882/

相关文章:

html - 盒子上的空间太多 - HTML

javascript - 创建像 Spotify 这样的自定义音频播放器的进展如何?

html - Foundation 5 - 如何获得八列网格

html - 带有白色文本的不透明背景

javascript - Hello World 在 react 中不起作用

javascript - 如何使用 React Router 设置仅激活一个链接以实现多个 url 状态?

html - CSS - 无序列表 - 类,id 不工作

使用 Maven 的 JavaScript 缩小工作流

javascript - 用动态数组长度替换硬编码的数字列表

javascript - 如何将字符串插入新数组?