दिलचस्प पोस्ट
Windows / C ++: क्या यह कोड की लाइन को खोजना संभव है जहां अपवाद "अपवाद ऑफसेट" क्या मैं अंतर्निहित पायथन प्रकारों में कस्टम विधियों / विशेषताओं को जोड़ सकता / सकती हूं? उपकरण रिवर्स इंजीनियर बाइनरी फ़ाइल स्वरूपों की सहायता के लिए PHP के HTML DOMDocument के साथ HTML को पार्स करें org.hibernate.annotations.Entity सीतनिद्रा में होना 4 में पदावनत? Django ModelChoiceField: एक वस्तु के रूप में क्वेरी सेट करना और डिफ़ॉल्ट मान सेट करना दशमलव स्पीड डबल बनाम Google मानचित्र एपीआई 3 – ज़ूम सम्मानित नहीं है MySQL 'ऑर्डर बाय' – अल्फ़ान्यूमेरिक को सही ढंग से सॉर्ट करना क्या मैं चाहता हूं कि मेरे एंड्रॉइड एप्लिकेशन को पोर्ट्रेट मोड में चलना चाहिए? म्यूट एक्स उदाहरण / ट्यूटोरियल? विदेशी आर्किटेक्चर मानकों समितियों के बारे में परवाह है मैं WPF / WP7 में एक सूची बॉक्स में तारों की सूची कैसे बाँट सकता हूं? जेबस सीम: वेबलोगिक 10.3.2 (11 जी) पर डिबग पृष्ठ को सक्षम करना सी / सी ++ में एक कोर डंप प्रोग्राम करने के लिए कैसे करें

मैं सीएसएस में विशिष्ट वर्ग के नाम के साथ "आखिरी बच्चा" कैसे चुनूं?

<ul> <li class="list">test1</li> <li class="list">test2</li> <li class="list">test3</li> <li>test4</li> </ul> 

मैं कक्षा के नाम के साथ "आखिरी बच्चा" का चयन कैसे करूं? सूची ?

 <style> ul li.list:last-child{background-color:#000;} </style> 

मुझे पता है कि उपर्युक्त उदाहरण काम नहीं करता है, लेकिन क्या ऐसा कुछ भी है जो काम करता है?

जरूरी:

क) मैं ul li:nth-child(3) उपयोग नहीं कर सकता ul li:nth-child(3) , क्योंकि ऐसा हो सकता है कि यह चौथा या पांचवें स्थान पर भी हो।

बी) कोई जावास्क्रिप्ट नहीं

किसी भी मदद को सराहा जाएगा, धन्यवाद!

Solutions Collecting From Web of "मैं सीएसएस में विशिष्ट वर्ग के नाम के साथ "आखिरी बच्चा" कैसे चुनूं?"

मेरा सुझाव है कि आप इस तथ्य का लाभ उठाते हैं कि आप ऐसे तत्वों के लिए कई वर्गों को असाइन कर सकते हैं:

 <ul> <li class="list">test1</li> <li class="list">test2</li> <li class="list last">test3</li> <li>test4</li> </ul> 

आखिरी तत्व में उसके भाई-बहनों की list वर्ग है लेकिन उस last वर्ग की भी है जिसे आप चाहते हैं, जैसे किसी भी सीएसएस संपत्ति को सेट करने के लिए उपयोग कर सकते हैं:

 ul li.list { color: #FF0000; } ul li.list.last { background-color: #000; } 

यह एक विशेषता चयनकर्ता का उपयोग करके किया जा सकता है

 [class~='list']:last-of-type { background: #000; } 

class~ एक विशिष्ट पूरे शब्द का चयन करता है यह आपकी सूची आइटम को कई ऑर्डर करने की अनुमति देता है यदि आवश्यकता हो, तो विभिन्न क्रम में। यह अभी भी सटीक वर्ग "सूची" ढूंढ लेगा और पिछले एक को शैली लागू करेगी।

यहाँ एक कामकाजी उदाहरण देखें: http://codepen.io/chasebank/pen/ZYyeab

विशेषता चयनकर्ताओं पर अधिक पढ़ें:

http://css-tricks.com/attribute-selectors/ http://www.w3schools.com/css/css_attribute_selectors.asp

आप आसन्न भाईचारे चयनकर्ता का उपयोग इसी तरह से हासिल करने के लिए कर सकते हैं, जिससे मदद मिल सकती है।

 .list-item.other-class + .list-item:not(.other-class) 

कक्षा other-class श्रेणी वाले अंतिम तत्व के तुरंत बाद तत्काल तत्व को प्रभावी ढंग से लक्षित करेगा।

यहां और पढ़ें: https://css-tricks.com/almanac/selectors/a/adjacent-sibling/

यह एक मुखर उत्तर है, लेकिन अगर आप केवल सीएसएस के लिए विवश हैं और अपने आइटम को डीओएम में उलटने में सक्षम हैं, तो हो सकता है कि यह विचार करने योग्य हो। यह इस तथ्य पर निर्भर करता है कि जब कोई विशिष्ट श्रेणी के अंतिम तत्व के लिए कोई चयनकर्ता नहीं होता है, तो यह वास्तव में पहली शैली के लिए संभव है। चाल फिर रिवर्स क्रम में तत्वों को प्रदर्शित करने के लिए flexbox का उपयोग करना है।

 ul { display: flex; flex-direction: column-reverse; } ul > li.list { background-color: #888; } ul > li.list ~ li.list { background-color: inherit; } 
 <ul> <li class="list">0</li> <li>1</li> <li class="list">2</li> </ul> <ul> <li>0</li> <li class="list">1</li> <li class="list">2</li> <li>3</li> </ul> 

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

आपके परिदृश्य का चयन इस चयनकर्ता के साथ किया जा सकता है: li:nth-last-child(1 of .list)

लेकिन तकनीकी रूप से सही होने का मतलब यह नहीं है कि आप इसका उपयोग कर सकते हैं, हालांकि, क्योंकि यह चयनकर्ता अब केवल सफारी में कार्यान्वित है

आगे पढ़ने के लिए:

आप जेएस के बिना अपनी सूची में कक्षा नाम के अंतिम उदाहरण को लक्षित नहीं कर सकते।

हालांकि, आप पूरी तरह से सीएसएस-भाग्य के बाहर नहीं हो सकते हैं, जो आप प्राप्त करना चाहते हैं। उदाहरण के लिए, अगले भाई सिलेक्टर का इस्तेमाल करके, मैंने आपके अंतिम .list तत्वों के बाद एक दृश्य विभक्त जोड़ा है: http://jsbin.com/vejixisudo/edit?html,css,output

इस समस्या का एक वैकल्पिक हल (विशिष्ट परिस्थितियों में) है:

हालांकि यह सीधे सवाल का जवाब नहीं देता है, लेकिन एक उच्च संभावना यह है कि सोचने का यह तरीका एक ही लक्ष्य को प्राप्त करता है:

मान लीजिए कि हम सूची में सभी तत्वों को छिपाने के लिए गए हैं जो सूचकांक 3 से कम है

 <ul> <li>test1</li> <li>test2</li> <li class="hide">test3</li> <li>test4</li> <li>test5</li> </ul> 

सीएसएस

 li{ display:none; } li.hide ~ li{ display:block; } 

लाइव डेमो

यह सभी तत्वों को hide वर्ग जोड़ने की आवश्यकता से छुटकारा दिलाएगा, जो छिपे हुए हैं, इसलिए हम केवल एक वर्ग के साथ छोड़ देते हैं, hide , जो उन सबके नियमों का पालन करते हैं। अब, आपको last-of-type उपयोग करने की आवश्यकता नहीं है जो कक्षा के नामों के साथ काम नहीं कर सकता है आपको चीजों को वर्गीकृत करने के अपने दृष्टिकोण को फिर से सोचना होगा

इस चयनकर्ता का उपयोग करें: ul > li:last-of-type यह एक अनोर्ड सूची ( <ul> ) में हर अंतिम सूची आइटम ( <li> ) का चयन करेगा।

जवाब का टूटना: मैं एक unordered सूची ( <ul> ) का केवल बच्चे ( > ) का चयन कर रहा हूं जो मूल तत्व ( <ul> ) से इसके प्रकार ( <li> ) का अंतिम बच्चा है।

चयनकर्ता को कुछ अनारक्षित सूची में प्रतिबंधित करने के लिए आप एक आईडी या कक्षा का उपयोग कर सकते हैं। उदाहरण के लिए: ul.my-class > li:last-of-type का ul.my-class > li:last-of-type अंतिम <li> उस कक्षा की अनोर्ड सूची से ही चुन लेगा

 $('.class')[$(this).length - 1] 

या

 $( "p" ).last().addClass( "selected" );