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





3 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 है)
css css-selectors css3

मैं 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>





Related