css3 - Is there a SASS/CSS selector for items WITHOUT a particular adjacent sibling? -


मैं सभी & lt; li & gt; वर्ग के साथ तत्वों को "foo" जो कि "बार" के साथ एक & lt; li & gt; तत्व के एक आसन्न भाई नहीं हैं

क्या एक "आसन्न भाई बिना [x]" एसएएसएस / सीएसएस चयनकर्ता है? या यह दो नियमों के माध्यम से पूरा करने का एकमात्र तरीका है, सबसे ऊपर सीमा को और लेफ्टिनेंट; li class = "foo" & gt; एस और दूसरे को से दूर ले जाने के लिए जोड़ें ; Li & gt; & lt; li वर्ग = "बार" & gt;

जब मैं कर्कशता से निहित होता है, तो आप यह करना चाहते हैं:

HTML

  & lt; ul & gt; & Lt; li वर्ग = "बार" & gt; बार & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "बार" & gt; बार & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; li वर्ग = "फू" & gt; foo & lt; / li & gt; & Lt; / ul & gt;  

सीएसएस:

  li: नहीं (.बार) + li.foo {बॉर्डर-शीर्ष: 1px ठोस नीला; }  

प्रत्येक और lt; li class = "foo" & gt; को चुनने वाला चयनकर्ता यह & lt; li class = के एक आसन्न भाई नहीं है; बार "& gt;

इस चयनकर्ता में केवल एक प्रमुख & lt; li & gt; की आवश्यकता की कमजोरी है। यदि पहला आइटम और lt; li class = "bar" & gt; नहीं है, तो आइटम छोड़ दिया जाएगा इसे यहां पर देखा जा सकता है:

  li: नहीं (.bar) + li.foo, li.foo:first-child {सीमा-शीर्ष: 1px ठोस नीला; }  

पी.एस. जब आप एक सूची के अंदर आइटम समूह करना चाहते हैं तो आप परिभाषा सूचियों & lt; dl & gt; या नेस्टेड सूचियों का भी उपयोग कर सकते हैं। इससे इस तरह की समस्याओं को रोका जा सकता है।


Comments

Popular posts from this blog

Editing Python Class in Shell and SQLAlchemy -

uislider - In a MATLAB GUI, how does one implement a continuously varying slider from a GUIDE created .m file? -

python - Django Custom Admin Block For center of admin -