सीएसएस के साथ ही: पूरे दस्तावेज़

Question

भर वर्ग की पहली आवृत्ति का चयन करें हम इस तरह एक डोम है: बहुत पहले एक के अपवाद के साथ,

<div class="outer"> 
    <div class="inner"> <!--// No "copyright" in this node //--> 
     <div class="content">...</div> 
    </div> 
    <div class="inner"> 
     <div class="content">...</div> 
     <div class="copyright">...</div> <!--// DISPLAY THIS ONE //--> 
    </div> 
    <div class="inner"> 
     <div class="content">...</div> 
     <div class="content">...</div> 
     <div class="content">...</div> 
     <div class="copyright">...</div> <!--// Hide this one //--> 
    </div> 
    <div class="inner"> 
     <div class="content">...</div> 
     <div class="content">...</div> 
     <div class="copyright">...</div> <!--// Hide this one too, etc. //--> 
    </div> 
    <!--// etc. //--> 
</div> 

वर्ग "कॉपीराइट" के साथ सभी तत्वों को छिपा दिया जाना चाहिए।

हमने इस approach को लागू करने का प्रयास किया, लेकिन दुर्भाग्य से कोई सफलता नहीं मिली। यह केवल एक सीएसएस होना चाहिए। कोई उपाय?

आपकी मदद के लिए धन्यवाद!

Answer 1

इस मामले में, प्रत्येक .copyright.inner में अपनी तरह का पहला और केवल एक है, इसलिए आपको इसके बजाय .inner चुनना होगा। यदि आपको पहले बच्चे को कोई विशेष नियम लागू करने की आवश्यकता नहीं है, तो आपको उस दूसरे प्रश्न में वर्णित दृष्टिकोण का उपयोग करने की आवश्यकता नहीं है; बस अन्य तत्वों को छिपाने के लिए इस का उपयोग करें:

.inner ~ .inner .copyright { 
    display: none; 
} 

Answer 2

यह एक JSfiddle

div.inner > .copyright { display:none; } 
div.inner:first-child .copyright { display:block; background:#000; }