CSS Negate: Gizli bir öğedeki belirli öğeleri görüntüleme?

Question

yüzden bunu hangi aracılığıyla bir yolu yoktur, bu

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

Şimdi textelements ancak nav-block-2 dahil tüm öğeleri gizlemek istediğiniz benzer bir eleman olduğunu varsayalım? CSS olumsuzlaması kullanmak gibi bir şey?

Ben

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

kullanarak çalıştı ama bu Nav-bloğunun-2 içeride bile unsurları ortadan görünüyor? Burada yanlış bir şey mi yapıyorum? Herhangi bir fikir?

Answer 1

istediğiniz gibi değil Belki bu

#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

deneyin ama burada ben öyle yapardım.

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

DÜZENLEME: metnin etrafında hiçbir etiket yoktur değilken: Bu sorunuzu yorumlarda söylediği gibi , bunun yapmak zor olduğunu düşünüyorum.

Answer 3

bunu kullanın:

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

Ancak, tek bir metin düğümlerini gizleyemezsiniz. Bir paragrafta "Bu teklif var" ya da en azından bir <span> etiketini gizlemek zorunda kalacaksınız veya .nav-block-2 kaçınılmaz olan tüm #navigation içeriğini gizlemeniz gerekir.