display：noneを使用して要素を削除する方法？

下のスクリーンショットで、青色で強調表示されている要素を削除したいと思います。display：noneを使用して要素を削除する方法？

私はCSS

#p-tb body, { display:none }

に以下を追加した場合、それはまだ削除されません。

誰かが私が間違っていることを説明できますか？

enter image description here

出典

2012-04-19 Sandra Schlichting

CSSを使用してDOMから要素を削除することはできません。 'display：none'がDOMから要素を削除するのはよくある誤解です。要素を「削除」することによって、正確に何を意味するのかを教えてください。 – BoltClock

これはあなたの質問に対する答えではありませんが、あなたのコードで、私が指摘していると思われる無関係な問題に気付きました。あなたの閉じる/頭と始まりのボディタグの間にスタイルタグがあります。スタイルタグを別の場所（好ましくは頭の中）に移動させるために、頭と体の間には何も配置しないでください。 – redlena

@redlena非常に興味深い。スクリーンショットで見ているMediaWiki 1.18.2です） –

#p-tb .bodyあなたが必要とするセレクタです - あなたは.を逃し、余分な,は終わりにfreeloadingています。

編集：それを修正しても、インラインスタイルはの後に!importantを追加した場合を除いて、そのルールを上書きします。

出典

2012-04-19 21:21:48

+1スタイルが適用されていないことは非常にはっきりしています....（ 'display：block;'は 'display'のみ適用され、継承されます。 –

'＃p-tb .body {display：none！important}'はトリックをしました。 '！important'は何をしますか？ –

'！important'はプロパティの優先度が異常に高いことを示します。通常はインライン 'style =" ... "'属性はスタイルシートよりも高い優先順位を持っていますが、 '！important'はそれをオーバーライドします。それは、「大事！」は、通常、貧弱なデザインの兆候であると言われています。 –

表示：要素を非表示にするだけです。 CSS経由で要素を削除することはできません。

代わりにjavascriptを使用してください。

出典

2012-04-19 21:22:06 gabitzish

"hide" == "ビューから削除..." –

テキストを含むことができる要素については、display: none;を使用してください。あなたは自分自身がSEOの問題に陥っていることが分かります。

出典

2012-04-19 22:23:53 MrShmee

display：noneを使用して要素を削除する方法？

答えて

関連する問題