CSS Negate：非表示要素の特定の要素を表示していますか？

Question

は、我々はこの

<div id="navigation"> 
    <div class="nav-block-1">....</div> 
    <div class="nav-block-2">....</div> 
    This is the offer 
    <a href="#"> Report </a> 
</div> 

に似ている要素があると今、私はtextelementsなくnav-block-2を含むすべての要素を非表示にしたいので、私はこれを行うことができ、それを通して方法はありますか？ CSS否定を使用するような何か？

私は

#navigation :not(.nav-block-2) { 
    display:none; 
} 

を使用してみましたが、これはNAV-ブロック2の内部にも要素を否定するようですか？私はここで何か間違っていますか？何か案は？

Answer 1

は、あなたが望んでいないものを多分これ

#navigation div:not(.nav-block-2) { 
    display:none; 
} 


<div id="navigation"> 
    <div class="nav-block-1">Div 1</div> 
    <div class="nav-block-2">Div 2</div> 
    This is the offer 
    <a href="#"> Report </a> 
</div> 

Answer 2

してみたが、ここで私がやるだろうものです。

#navigation * { 
    display:none; 
} 
#navigation a { 
    display:inline; 
} 

EDIT：テキストの周りにタグはありませんでないとき：それはあなたの質問のコメントで言うように は、私はそれを行うことは困難だと思います。

Answer 3

使用この：

#navigation > *:not(.nav-block-2) { 
    display:none; 
} 

しかし、あなたは、単一のテキストノードを隠すことができません。段落に、または少なくとも<span>タグ内に「これはオファーです」と書かなければなりません。あるいは、の全体に、.nav-block-2が含まれていることを隠す必要があります。