CSS3: खाली चयनकर्ता और सामग्री संपत्ति

Question

मैं चाहता था के रूप में इस बेला में प्रदर्शन खाली सूचियों में कुछ पाठ जोड़ने के लिए एक साथ CSS3 के :empty psedo-चयनकर्ता और CSS3 के content संपत्ति का उपयोग करें:

http://jsfiddle.net/ZesAC/2/

I सीखा कि सीएसएस केवल content:after या :before चयनकर्ताओं को अनुमति देता है। क्या कोई समाधान है जो खाली सूचियों को स्टाइल करने की अनुमति देता है?

संपादित

जैसा कि मैंने टिप्पणी में सीखा है, पता चला है कि आप कर सकते हैं उपयोग content CSS3 में कहीं भी (ब्राउज़रों के बहुमत में कोई प्रभाव नहीं करने के लिए [2012/12/31 के रूप में]) और केवल :after और :before सीएसएस 2 में ब्लॉक। (धन्यवाद @BoltClock)

यदि आपको फ़ायरफ़ॉक्स विशिष्ट होने पर कोई फर्क नहीं पड़ता है तो आप -moz-only-whitespace चयनकर्ता का उपयोग थोड़ा और तर्कसंगत तरीके से करने के लिए कर सकते हैं। (धन्यवाद @robertc)

Answer 1

बाहर कर देता है मैं पूछने में अपने ही सवाल का जवाब दे:

http://jsfiddle.net/M6xZj/2/

आप :empty तत्व के साथ :after उपयोग कर सकते हैं यूएल के बाद कुछ जोड़ने के लिए। यह खाली है, इसलिए, यह उस स्थान पर स्थित होने की गारंटी है जहां सूची थी।

Answer 2

.some_class_name:empty:after{ content: "-"; }