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

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -