2013-01-18 20 views
6

अंतिम बच्चा इस पहेली में अंतिम लेख टैग को लक्षित क्यों नहीं कर रहा है?आखिरी बच्चा इस पहेली में आखिरी लेख टैग को लक्षित क्यों नहीं कर रहा है?

http://jsfiddle.net/gunP9/

<div class="parent"> 
<article class="example">111</article> 
<article class="example">111</article> 
<article class="example">111</article> 
<article class="example">111</article> 
<section>content</section> 
</div> 

सीएसएस

.parent .example{ background-color: red;} 
.parent .example:last-child{background-color: yellow;} 

उत्तर

13

last-child लक्ष्य, ठीक है, माता पिता की अंतिम संतान। इस मामले में, अंतिम बच्चा section है जिसमें कक्षा example नहीं है, और इसके परिणामस्वरूप चयनकर्ता से कुछ भी मेल नहीं खाता है।

जो आप खोज रहे हैं वह last-of-type है, जो तत्व से मेल खाता है और कक्षाएं नहीं। Take a look.

+0

"प्रत्येक लेख का अंतिम संतान" यह है कि ... कि पता नहीं था ... धन्यवाद – byronyasgur

+0

शिकायत .. यह IE8 साथ काम नहीं करता ... आप किसी भी पता है जेएस के अलावा अन्य तरीका? – byronyasgur

+0

खरोंच है कि ... आखिरी बच्चा आईई 8 के साथ काम नहीं करेगा: -O – byronyasgur

0

चयनकर्ता कहते हैं क्योंकि

+0

यह अंतिम लेख को लक्षित करने के लिए कैसे मिलता है? यानी खंड नहीं – byronyasgur

संबंधित मुद्दे