CSSからHTMLタグを保護する方法は？

Question

CSSからHTML要素を分離する方法はありますか？私は、すべての子どもをドキュメント内で「見えない」ようにしようとしています。

ユーザーはドキュメント上で呼び出されたCSSに通知することができますが、これは失われないことを確認する必要があります。つまり、ディスプレイはありません：none、visibility：hidden、text-indent：-10000px 、左：-10000ピクセル、またはこれらのトリックのいずれか他のもの。

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

data：text/html; base64 iframeを使用できますが、テキストはフォーマットされません。

免責事項やロゴマークについて考えてみましょう。ユーザーは私のウィジェットに自分のCSS（CSS URLを通知すること）を含めることができます。その免責事項が表示されていても、その免責事項が表示されたままにしておく必要があります。

私はスタイルを使用しようとしていません。<タグ/ >を守る属性があるかどうかを知りたいのですが、 "-moz-user-select：none;"

Answer 1

以前の回答が指摘したように、それを行うには属性がありません、と!importantアプローチは、なぜ、いずれかの動作しないのだろうか？

Site.css .copyright {表示：ユーザーが独自のCSSを使用することができ、ユーザーがすべてのスタイル属性に!importantを置くならば、それは以前!important属性をタグ付け上書きされる主な理由は、ここでは一例だブロック重要;！/*他のスタイルはこちら* /}

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

あなたはそれがアップロードされたスタイルシートを読んでいる克服し、あなたが上書きされるスタイル属性を避けるために!importantを使用することができ、その場合には、すべての!importantを削除することができる唯一の方法。

EDIT： しかし、あなたは積極的にユーザーが隠す要素に使用することがありますすべての単一の属性を宣言する必要があります。

Answer 2

いいえ、タグを保護する属性はありません。

Answer 3

あり、時間の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