सीएसएस के माध्यम से पृष्ठ पर विशिष्ट आईडी का केवल अंतिम उल कैसे प्राप्त करें: अंतिम-बाल संपत्ति?

मेरा पृष्ठ एक ही आईडी के दो यूएल उत्पन्न करता है और मैं सीएसएस के माध्यम से अंतिम को हटाना चाहता हूं (प्रदर्शन: कोई नहीं)। मैं कोशिश कर रहा था: आखिरी बच्चे की संपत्ति लेकिन कोई भाग्य नहीं। मैंने या तो दोनों गायब हो गए या उनमें से कोई भी नहीं बनाया।

उदाहरण:

<div id="content">

  • ...
  • ...
  • ...
  • ...
</div>

मैं प्रदर्शन लागू करना चाहता हूं: मेरे #content के अंदर केवल अंतिम उल # कुछ-उल के लिए कोई नहीं।

0
आईडी चाहिए अद्वितीय हो।
जोड़ा लेखक SLaks, स्रोत

2 उत्तर

ऐसा किया जा सकता है:

#content ul:last-child {
   display:none;
}

ध्यान दें कि अंतिम-बच्चा केवल IE9 + में समर्थित है। जैसा कि @Jop द्वारा उल्लिखित है, आपको आईई के पुराने संस्करणों के लिए इसे पाने के लिए अंतिम बाल तत्व पर एक कक्षा निर्धारित करनी चाहिए।

यहां जेएसफ़ाइल करें।

साथ ही, याद रखें कि आईडी को हमेशा अद्वितीय होना चाहिए।

3
जोड़ा
@Jop जैसा आपने पोस्ट किया था, संपादन कर रहा था, धन्यवाद!
जोड़ा लेखक lifetimes, स्रोत
@JayQuery #content ul # some-ul: अंतिम-बच्चा {प्रदर्शन: कोई नहीं; }
जोड़ा लेखक lifetimes, स्रोत
@JayQuery हालांकि उपरोक्त काम करेगा, आपको डुप्लिकेट आईडी उत्पन्न करने का कोई तरीका खोजने का प्रयास करना चाहिए।
जोड़ा लेखक lifetimes, स्रोत
मुझे पता है कि आईडी अद्वितीय होनी चाहिए, लेकिन मेरा PHP इसे इस तरह से उत्पन्न करता है और मैं अपने कोड से अंतिम उल # कुछ-उल को हटाना चाहता हूं। मैंने आपके जैसा कुछ भी पहले उल्लेख किया है: #content ul # some-ul: अंतिम-बच्चा {प्रदर्शन: कोई नहीं; }
जोड़ा लेखक Jay Query, स्रोत
कृपया यह भी ध्यान दें कि: अंतिम-बच्चा एक सीएसएस 3 चयनकर्ता है और इस प्रकार आईई के पुराने संस्करणों में काम नहीं करेगा। इस मामले में आपको इसे काम करने के लिए अंतिम बच्चे पर एक कक्षा निर्धारित करनी चाहिए।
जोड़ा लेखक Jop, स्रोत

ऐसा करने के लिए पूरी तरह से सामान्य तरीका, जो कि कक्षाओं या आईडी पर निर्भर करता है

div ul:last-of-type li:last-child {
    display:none;
}

तो मूल रूप से, div मूल वस्तु है जिसमें सूची आइटम होते हैं - यदि आप चाहें तो इसमें कक्षा या आईडी हो सकती है।

इसके भीतर, आपके पास उल उल टैग हैं - आखिरी प्रकार का जादू जादू करता है, जो मूल div के भीतर अंतिम उल ढूंढता है। फिर आप ली पर अंतिम बच्चे का उपयोग करें।

Here's the fiddle: http://jsfiddle.net/Kx8SN/

0
जोड़ा
मैं केवल अंतिम उल को हटाना चाहता हूं जिसमें संभवतः "कुछ-उल" की आईडी है? क्योंकि पृष्ठ पर अंतिम उल कुछ अन्य वर्ग या आईडी हो सकता है और मैं इसे हटाना नहीं चाहता हूं। और, मैं आखिरी ली को हटाने के लिए नहीं चाहता हूं लेकिन # एलेंट के अंतिम उल, WHOLE उल, सभी LIs के अंदर।
जोड़ा लेखक Jay Query, स्रोत
शायद आपको यह समझाने की ज़रूरत है कि आप क्या हासिल करने की कोशिश कर रहे हैं?
जोड़ा लेखक Matthew Trow, स्रोत