html - 如何从 CSS 中屏蔽 HTML 标签？

Question

有什么方法可以将 HTML 元素与 CSS 隔离开来吗？我正在尝试使 a 及其所有子项在文档中变得“不可见”。

用户能够通知在文档上调用的 css，但我需要确保它不会丢失，我的意思是，没有显示:无，可见性:隐藏，文本缩进:-10000 像素， left:-10000px，或任何其他技巧。

<div class="foo">
 <a href="#foo">link</a>
 <img src="" />
 <span>bar</span>
</div>

我可以使用 data:text/html;base64 iframe，但文本不会被格式化。

想想免责声明或 Logo 。用户可以在我的小部件上包含他自己的 CSS(通过通知 CSS URL)，我需要保持该免责声明可见，即使用户在他的 CSS 上为该免责声明元素或其任何子元素指定了 display:none 或 text-indent。

我不是想不使用样式，我只是想知道是否有任何属性可以屏蔽，比如“-moz-user-select: none;”

Answer 1

正如前面的答案所指出的，没有属性可以做到这一点，而且 !important 方法也不起作用，为什么？主要是因为用户可以使用自己的css，如果用户把!important放在每一个style属性中，它会覆盖之前的!important标签属性，下面是一个例子:

Site.css .copyright { 显示:阻止!重要；/* 其他样式在这里 */}

上传的 css .copyright { 显示:无!重要；/* ... */

克服它的唯一方法是阅读上传的样式表并删除每个 !important，在这种情况下您可以使用!important以避免样式属性被覆盖。

EDIT: But you will have to actively declare every single attribute the user might use to hide elements.