क्या एनएच-बच्चे के साथ अंतिम एन आइटम चुनना संभव है?

Question

एक मानक सूची का उपयोग करके, मैं अंतिम 2 सूची आइटम चुनने का प्रयास कर रहा हूं। मैं An+B के विभिन्न क्रमपरिवर्तन है लेकिन कुछ भी चयन करने के लिए लगता है पिछले 2:

li:nth-child(n+2) {} /* selects from the second onwards */ 
li:nth-child(n-2) {} /* selects everything */ 
li:nth-child(-n+2) {} /* selects first two only */ 
li:nth-child(-n-2) {} /* selects nothing */ 

मैं :nth-last-child() की तरह एक नया CSS3 के चयनकर्ताओं के बारे में पता कर रहा हूँ, लेकिन मैं कुछ (कि यदि संभव हो तो कुछ और ब्राउज़रों में काम करता है पसंद करते हैं विशेष रूप से आईई के बारे में परवाह नहीं है)।

Answer 1

nth-last-child लगता है जैसे इसे विशेष रूप से इस समस्या को हल करने के लिए डिज़ाइन किया गया था, इसलिए मुझे संदेह है कि कोई अधिक अनुकूल विकल्प है या नहीं। समर्थन pretty decent लगता है, हालांकि।

Answer 2

nth-child के अर्थशास्त्र की परिभाषा के कारण, मुझे नहीं पता कि इसमें शामिल तत्वों की सूची शामिल किए बिना यह कैसे संभव है। अर्थशास्त्र का बिंदु बाल तत्वों के समूह को दोहराए जाने वाले समूहों में विभाजित करने की अनुमति देना है ( - बोल्टक्लॉक धन्यवाद) या कुछ निश्चित लंबाई के पहले भाग में, "बाकी" के बाद। आप इसके विपरीत चाहते हैं, जो nth-last-child आपको देता है।

Answer 3

यदि आप अपनी परियोजना में jQuery का उपयोग कर रहे हैं, या इसे शामिल करने के इच्छुक हैं तो आप अपने चयनकर्ता एपीआई के माध्यम से nth-last-child पर कॉल कर सकते हैं (यह अनुकरण है कि यह ब्राउज़र पार करेगा)। Here is a linknth-last-child प्लगइन पर। आप तत्वों आप में रुचि रखते थे को निशाना बनाने की इस पद्धति में ले लिया हैं:

$('ul li:nth-last-child(1)').addClass('last'); 

और फिर शैली nth-child या nth-last-child छद्म चयनकर्ताओं के बजाय फिर से last वर्ग, आप एक अधिक संगत पार ब्राउज़र अनुभव होगा।

Answer 4

यह एक सूची के अंतिम दो आईईएम का चयन करेंगे:

li:nth-last-child(-n+2) {color:red;}

<ul> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
    <li>fred</li> 
 
</ul>

Answer 5

:nth-last-child(-n+2) चाल