अंतिम तत्व की पहचान

Question

मुझे सीएसएस का उपयोग करके अंतिम बाल तत्व कैसे मिल सकता है और यह मेरा कोड है।

<div class="leftelement"></div> 
<div class="rightelement"></div> 
<div class="leftelement"></div> 
<div class="rightelement"></div> 
<div class="leftelement"></div> <!-- this element --> 
<div class="rightelement"></div> 

मैंने नीचे दी गई विधि की कोशिश की और यह मेरे लिए काम नहीं कर रहा। क्या कोई मेरी मदद कर सकता है। मैं क्योंकि कभी-कभी तत्व की गिनती

.leftelement:last-of-type और .leftelement:last-child वृद्धि हो सकती है काम नहीं कर रहा

Answer 1

आप आसन्न भाई का भी उपयोग करेंगे कुछ इसी तरह, कि शुद्ध सीएसएस

साथ मदद कर सकता है को प्राप्त करने के n वें वाले बच्चे का उपयोग कर नहीं करना चाहती

div.rightelement + div:not(.rightelement){ 
 
color:green 
 
}

<div class="leftelement"></div> 
 
<div class="rightelement"></div> 
 
<div class="leftelement"></div> 
 
<div class="rightelement"></div> 
 
<div class="leftelement">tushar</div> <!-- this element --> 
 
<div class="rightelement"></div>

Answer 2

आप सीएसएस चयनकर्ता का उपयोग नहीं करना चाहते हैं? आपको तब अपना टैग संपादित करना चाहिए।

आप jQuery last() फ़ंक्शन का उपयोग कर सकते हैं।

.last()

विवरण: सेट में अंतिम एक करने के लिए मिलान तत्वों के सेट को कम करें।

$('.wow').last().css('color','blue');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="wow">wow 
 
</div> 
 
<div class="lol">EOOOW 
 
</div> 
 
<div class="wow">HEYY 
 
</div> 
 
<div class="lol">LOL 
 
</div>

Answer 3

<div class="container"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
    <div>5</div> 
    <div>6</div> 
</div> 

div:last-child { 
    color: red 
} 

इस डी कोड कलम http://codepen.io/yeion7/pen/gPXvNN

Answer 4

आप इस के लिए :nth-last-of-type(n) का उपयोग कर सकते है:

div:nth-last-of-type(2){ 
    color:red; 
} 

संख्या में वृद्धि तत्वों का कोई फर्क नहीं पड़ता जब तक कि आप जिस तत्व को चुनना चाहते हैं वह अंतिम से पहले एक है।

नोट: यदि आपका तत्वों हमेशा एक .leftelement और एक .rightelement के रूप में संरचित कर रहे हैं काम करेंगे। आप केवल सीएसएस का उपयोग कर अंतिम .leftelement का चयन नहीं कर सकते हैं।

अद्यतन: यदि आपका सामग्री गतिशील होती है और कभी-कभी .leftelement बहुत अंतिम तत्व के रूप है और आप अभी भी इस तत्व का चयन करने की जरूरत है, तो आप ऐसा कर सकते हैं:

div:nth-last-of-type(2):not(.rightelement), 
div:nth-last-of-type(2):not(.leftelement)+.leftelement{ 
    color:red; 
} 

this pen पर एक नजर डालें।

Answer 5

मुझे लगता है कि यह नहीं CSS के साथ संभव है क्योंकि हम अभी तक last-of-class छद्म वर्ग नहीं है, यहाँ है एक और निराश उपयोगकर्ता के blog इसके बारे में है।

बात last-of-type और element नाम पर last-child काम 'क्लास' पर नहीं है, फिर भी आप की तरह

div.parent div.lastElement:last-of-type{ 
    color:blue; 
} 

सीएसएस नियम लिख सकते हैं यह पूरी तरह से ठीक काम करेंगे अगर div.leftElement, अंतिम संतान element of its kind है working fine here।

अगर आपके .lastElementclassname के अंतिम बच्चा है, लेकिन हम उस के बाद एक और div है, यह असफल हो जायेगी। like this

यदि आपके पास elements पर'lastElement 'है, तो सभी तब तक स्टाइल हो जाएंगे। like this

रस कि, हम last-of-class की तरह छद्म CSS वर्ग कुछ चाहिए, लेकिन हम जो अभी तक नहीं है।