html - :nth-last-child to select second half of list of arbitrary length -


इस सवाल का पहले से ही एक उत्तर है: < / P>

  • 3 उत्तर

मनमाना लंबाई की एक सूची को देखते हुए , मैं सूची के दूसरे भाग का चयन कैसे करूं?

सूची के लिए जहां मुझे पता है कि सूची आइटम की संख्या मैं किस प्रकार इस्तेमाल करूँगा nth-last-child (-n + x ) , जहां x सूची आइटम / 2 की संख्या है, उदाहरण के लिए: 

  ली: nth-last-child (-n + 5) {      लाल रंग; }  
  और 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; 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;

लेकिन मैं यह कैसे कर सकता हूँ जहां मुझे नहीं पता कि कितने सूची आइटम होंगे? हमेशा सूची मदों की एक संख्या होगी।

हालांकि सभी मामलों को कवर करने का कोई तरीका नहीं है सीएसएस, आप जितने भी कोड के लिए तैयार हैं, उतने जितने भी कवर कर सकते हैं, उतने कवर कर सकते हैं। 

  li: अंतिम-बच्चा, ली: nth-last-child 2): नहीं (: प्रथम-बच्चे), ली: nth-last-child (3): नहीं (: nth-child (-n + 2)), li: nth-last-child (4): नहीं (: Nth-child (-n + 3)), li: nth-last-child (5): नहीं (: nth-child (-n + 4)) / * ...... * / {रंग: लाल; } 
 
 < प्री-क्लास = "स्निपेट-कोड-सीएसएस लैंग-सीएसएस टोपेप्रिंट-ओवरराइड">  li: आखिरी बच्ची, ली: एन-लास्ट-चाइल्ड (2): नहीं (: प्रथम-बाल), ली: एनटी-अंतिम -चिल (3): नहीं (: nth-child (-n + 2)), li: nth-last-child (4): नहीं (: nth-child (-n + 3)), ली: nth-last -चिल (5): नहीं (: nth-child (-n + 4)) / * ...... * / {रंग: लाल; } Ul {float: left}  
  और lt; ul & gt; & Lt; li & gt; कुछ पाठ & lt; / li & gt; & Lt; li & gt; कुछ पाठ & lt; / li & gt; & Lt; / ul & gt; & 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; / ul & gt; & 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; li & gt; कुछ पाठ & lt; / li & gt; & Lt; / ul & gt; & 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; li & gt; कुछ पाठ & lt; / li & gt; & Lt; li & gt; कुछ पाठ & lt; / li & gt; & Lt; li & gt; कुछ पाठ & lt; / li & gt; & Lt; / ul & gt; & 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; 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; & 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; 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; li & gt; कुछ पाठ & lt; / li & gt; & Lt; li & gt; कुछ पाठ & lt; / li & gt; & Lt; / ul & gt;


Comments

Post a Comment