पेड़ की तरह नेस्टेड सूची प्रस्तुत करें

Question

अंतिम तत्व पर मैं इस स्टॉप में ऊर्ध्वाधर सीमा कैसे बनाऊंगा?

यह केवल CSS3/आधुनिक ब्राउज़र संगत हो सकता है। लेकिन विभिन्न पृष्ठभूमि पर काम करने की जरूरत है (यानी पारदर्शी हो)।

http://jsfiddle.net/ShgD6/

इस से

:

Answer 1

मैं इस बेला में सीएसएस में किए गए संशोधन के माध्यम से इस हल:

http://jsfiddle.net/YYdwc/2/

Answer 2

आप इस तरह सीएसएस :last-child छद्म वर्ग का उपयोग करके पिछले सूची आइटम का चयन कर सकते हैं:

इस के लिए

:

ul li:last-child { 
    height: 0.7em; 
} 

इसकी ऊंचाई 0.7em की ऊंचाई को बाएं सीमा पर पूंछ को बंद करने के लिए मेरे लिए काम करना प्रतीत होता था। मैंने अपने बेड़े में कुछ और घोंसले वाले समूहों को यह दिखाने के लिए जोड़ा कि यह तब भी काम करेगा जब सामग्री बदलती है और अधिक घोंसले वाले समूह जोड़े जाते हैं।

http://jsfiddle.net/wdages/sC5pc/3/