नेस्टिंग: इसके बाद: कम से कम

Question

कम से कम उपयोग करने के लिए मुझे एक तत्व के भीतर संपत्ति के बाद: अंतिम-बच्चे की आवश्यकता होती है।

li { 
    &:after { 
     content: '/'; 
    } 
    &:last-child { 
     &:after { 
      content: ''; 
     } 
    } 
} 

यह स्पष्ट रूप से सही घोंसला नहीं है - मुझे क्या याद आ रही है?

Answer 1

यह मेरे लिए सही लगती है, लेकिन अगर यह तो काम नहीं कर रहा कोशिश घोंसला बनाने से नहीं है कि दूसरी :after:

li { 
    &:after { 
     content: '/'; 
    } 
    &:last-child:after { 
     content: ''; 
    } 
} 

आप का मतलब है कि :after छद्म तत्व अभी भी अंतिम बच्चे के लिए प्रदर्शित करता है, तो आप करेंगे निश्चित रूप से content: ''; को content: none; में बदलना चाहते हैं। एक खाली स्ट्रिंग अभी भी एक खाली बॉक्स उत्पन्न होने का कारण बनती है, जबकि noneकोई बॉक्स उत्पन्न करता है।

Answer 2

तुम भी उपयोग कर सकते हैं:

li { 
&:not(:last-child):after { 
    content: " | "; 

    } 
}