Question

有没有办法将CSS元素与CSS隔离？我试图让一个孩子在文件中变得“不可见”。

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

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

我可以使用数据：text / html; base64 iframe，但文本将不会被格式化。

考虑免责声明或徽标。用户可以在我的小部件上包含他自己的CSS（通过通知CSS URL），并且我需要保持该免责声明可见，即使用户在他的CSS上为该免责声明元素或其任何子节点指定了display：none或text-indent。

我不是试图不使用任何样式，我只是想知道是否有任何属性来屏蔽＆lt; tag /＆gt;，类似于“-moz-user-select：none;”

Answer 1

没有任何东西可以在100％的时间内起作用，但这是一个适用于大多数情况的解决方案：

<div class="foo" style="background:#fff !important;color:#000 !important;position:relative !important;display:block !important;visibility:visible !important;opacity:1 !important;float:none !important;left:0 !important;top:0 !important;">
 <a href="#foo" style="background:#fff !important;color:#000 !important;position:relative !important;display:inline !important;visibility:visible !important;opacity:1 !important;float:none !important;left:0 !important;top:0 !important;">link</a>
 <img src="" style="background:#fff !important;color:#000 !important;position:relative !important;display:inline !important;visibility:visible !important;opacity:1 !important;float:none !important;left:0 !important;top:0 !important;" />
 <span style="background:#fff !important;color:#000 !important;position:relative !important;display:inline !important;visibility:visible !important;opacity:1 !important;float:none !important;left:0 !important;top:0 !important;">bar</span>
</div>

基本上，您希望为!important属性中不希望覆盖的每种样式指定style。如果手动完成，这是一个巨大的痛苦，就像我之前说的那样，可以由能够熟练使用CSS的人来解决。

注意：提供的样式不是一个详尽的列表，只是我能想到的事情。

About CSS Specificity

Answer 2

正如之前的答案所指出的那样，没有任何属性可以做到，!important方法也不起作用，为什么？主要是因为用户可以使用自己的css，如果用户在每个样式属性中放置!important，它将覆盖以前的!important标记属性，这是一个例子：

Site.css .copyright {display：block！important; / *其他风格* /}

Uploaded css .copyright {display：none！important; / * ... * /}

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

编辑：但是您必须主动声明用户可能用于隐藏元素的每个属性。

Answer 3

不，没有保护标签的属性。

如何屏蔽HTML标签？

3 个答案: