html - Element visible only if there are no siblings through CSS -
मेरा वर्तमान कोड ऐसा कुछ दिखता है:
यदि list.isEmpty () {आउटपुट सूची ऑप्टपुट ("& lt; div & gt; + + item +" & lt; / div & gt; "}} में प्रत्येक आइटम के लिए (" & lt; div & gt; कोई आइटम नहीं & quot; / div & gt; " हालांकि, पूरे "कोई आइटम नहीं" तर्क दृश्य के अंतर्गत आता है और तर्क से अलग होना चाहिए आदर्श रूप से, मैं सूची में प्रत्येक आइटम के लिए बस करना चाहता हूं ("& lt; div & gt;" + + item + "& lt; / div & gt;") और उसके बाद एचटीएमएल टेम्प्लेट को कुछ ऐसा दिखता है:
& lt; div id = "container" & gt; & Lt; div शैली = "केवल कोई भाई बहन नहीं दिखाई" & gt; कोई वस्तु नहीं & gt; / div & gt; & Lt; div & gt; आइटम 1 & lt; / div & gt; & Lt; div & gt; आइटम 2 & lt; / div & gt; & Lt; div & gt; समस्या यह है कि मैं यह समझ नहीं पा रहा कि कैसे कैसे करना है "यदि केवल कोई भाई बहन नहीं दिखाई देता है" भाग। सीएसएस का उपयोग करते हुए क्या यह विश्वसनीय तरीके से हासिल करने का एक तरीका है (सभी मानक ब्राउज़रों में काम करता है)?
आप केवल एक भाई-बहन के साथ एक विशेष वर्ग को दिखाना चाहते हैं:
& lt; div id = "container" & gt; & Lt; div वर्ग = "केवल-बिना-भाई-बहन" & gt; कोई आइटम नहीं & lt; / div & gt; & Lt; div & gt; आइटम 1 & lt; / div & gt; & Lt; div & gt; आइटम 2 & lt; / div & gt; & Lt; div & gt; जब तक divs के कोई अन्य भाई बहन नहीं हो, आप : केवल-बच्चे pseudoselector का उपयोग करने में सक्षम होंगे, जैसे: < पूर्व> # कंटेनर div.vis-only-no-siblings {display: none; } # कंटेनर div.vis-only-no-siblings: केवल-बच्चा {प्रदर्शन: ब्लॉक; }
Comments
Post a Comment