CSS :not(:last-child):after selector -
मेरे पास तत्वों की एक सूची है:
& lt; ul & gt; & Lt; li & gt; एक & lt; / li & gt; & Lt; li & gt; दो & lt; / li & gt; & Lt; li & gt; तीन & lt; / li & gt; & Lt; li & gt; चार & lt; / li & gt; & Lt; li & gt; पांच & lt; / li & gt; & Lt; / ul & gt; और इस तरह स्टाइल:
ul {list-style-type: none; पाठ संरेखित करें: केंद्र; } ली {प्रदर्शन: इनलाइन; } Li: नहीं (: अंतिम-बच्चा): {content: '|'; } आउटपुट वन | दो | तीन | चार | पांच | के बजाय एक | दो | तीन | चार | पांच किसी को पता है कि कैसे सीएसएस सभी का चयन लेकिन पिछले तत्व?
आप की परिभाषा देख सकते हैं: नहीं () चयनकर्ता
यदि यह चयनकर्ता के साथ कोई समस्या है, तो आप उन सभी को सेट कर सकते हैं और पिछले एक को ओवरराइड कर सकते हैं < / P>
li: के बाद {सामग्री: '|'; } Li: अंतिम बच्चा: {content: ''; } या यदि आप पहले उपयोग कर सकते हैं, आखिरी बच्चे के लिए कोई ज़रूरत नहीं है
li + li: पहले {content: '| '; }
Comments
Post a Comment