सीएसएस नेगेट: छुपे तत्व में विशिष्ट तत्व प्रदर्शित करना?

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 नहीं सहित सभी तत्वों को छुपाना चाहते हैं के समान है है, तो वहाँ एक रास्ता है जिसके माध्यम से मैं यह कर सकता है? कुछ सीएसएस निषेध का उपयोग करने की तरह?

मैं

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

उपयोग करने की कोशिश, लेकिन इस नव-ब्लॉक -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; 
} 

संपादित करें: यह अपने प्रश्न में टिप्पणी में कहते हैं, मुझे लगता है कि यह एक ऐसा करने के लिए मुश्किल है: नहीं है जब वहाँ पाठ के आसपास कोई टैग है।

Answer 3

इस का उपयोग करें:

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

हालांकि, अगर आप एकल पाठ नोड्स छिपा नहीं सकते। आपको इसे अनुच्छेद में "यह प्रस्ताव है" या कम से कम <span> टैग में इसे छिपाने के लिए, या आपको पूरे #navigation को छिपाने की आवश्यकता होगी जिसमें अनिवार्य .nav-block-2 शामिल है।