[Css] आखिरी बच्चे को छोड़कर मैं तत्व के सभी बच्चों का चयन कैसे कर सकता हूं?



Answers

इसे सरल बनाओ:

आप अपनी शैली को सभी div पर लागू कर सकते हैं और आखिरी बच्चे को फिर से शुरू कर सकते हैं : आखिरी बच्चा :

उदाहरण के लिए सीएसएस में :

.yourclass{
    border: 1px solid blue;
}
.yourclass:last-child{
    border: 0;
}

या एससीएसएस में :

.yourclass{
    border: 1px solid rgba(255, 255, 255, 1);
    &:last-child{
        border: 0;
    }
}
  • पढ़ने / याद करने में आसान है
  • निष्पादित करने के लिए तेज़
  • ब्राउज़र संगत (IE9 + चूंकि यह अभी भी CSS3 है)
Question

मैं CSS3 चयनकर्ताओं का उपयोग कर अंतिम बच्चे के अलावा सभी का चयन कैसे करूं?

उदाहरण के लिए, केवल अंतिम बच्चा पाने के लिए div:nth-last-child(1) होगा div:nth-last-child(1)




निक क्रेवर का समाधान काम करता है लेकिन आप इसका भी उपयोग कर सकते हैं:

:nth-last-child(n+2) { /* Your code here */ }

सीएसएस ट्रिक्स के क्रिस कोयियर ने अच्छा प्रदर्शन किया : इसके लिए एनटी टेस्टर




आखिरी तत्वों का उपयोग करने के लिए, उपयोग करें

<style>
ul li:nth-last-of-type(3n){ color:#a94442}  /**/
</style>



Links