如何CSS沙盒/重置当前页面中的整个DIV区域？

Question

我们正在开发一个书签,当书签加载到不同的网站上时,例如:cnn.com,bbc.co.uk,yahoo.com,它以各种风格显示,我们很难重置这些样式.

bookmarklet内容位于当前页面DOM中,而不是iframe中(因为我们需要cookie并访问DOM).

我们尝试使用CSS重置,但这只重置一些基本的东西,比如边距.例如,有一个自定义表单的页面,或者它继承的圆形表矩形,它不应该.

有没有办法让我们可以完全隔离当前页面中的DIV区域,只显示我们想要的内容？

Answer 1

我们最终使用https://github.com/premasagar/cleanslate

CleanSlate 是一个极端的 CSS 重置样式表。它用于重置 HTML 元素及其所有子元素的样式，恢复为默认 CSS 值。它仅由 !important 规则组成，这些规则覆盖所有其他类型的规则。