2012-06-01 29 views
20

संभव डुप्लिकेट:
Adding pseudo-elements after pseudo-elementsदो :: छद्म तत्वों के बाद

मैं एक अलग के साथ दो सीएसएस एक भी DOM एलीमेंट का ::after छद्म तत्वों, प्रत्येक आवेदन करना चाहते हैं रंग। (हाँ, मैं डीओएम तत्व को किसी अन्य डीओएम तत्व में लपेट सकता हूं और प्रत्येक को और ::after छद्म-तत्व देता हूं, लेकिन मेरी वरीयता क्लीनर एचटीएमएल है।)

मुझे संदेह है कि यह संभव है, लेकिन आश्चर्य है कि कोई मुझे बेहतर बता सकता है।

मैं विशेष रूप से ::after छद्म तत्वों को एक साथ चेनिंग ताकि एक ::after एक और से संबंधित है, जो एक डोम तत्व से संबंधित है की संभावना पर संदेह है, लेकिन किसी को भी जानता है कि कैसे ऐसा करने के लिए, कृपया बताऊँ।

+0

क्या आप पहले से ही ':: पहले' का उपयोग कर रहे हैं? – thirtydot

+0

क्षमा करें। जब मैंने प्रश्न की खोज की तो मुझे उस डुप्लिकेट को नहीं मिला। मैंने बंद करने के लिए मतदान किया है (लेकिन अब हटा नहीं सकता क्योंकि कोई उग्र हो गया है)। – JellicleCat

उत्तर

29

आप के अलावा एक :before छद्म तत्व का उपयोग कर सकते अपने :after - http://jsfiddle.net/BePSq/

+0

यह कमाल है !!!!! –

+3

भविष्य में, यह उपयोग करके प्राप्त हो सकता है [: बाद (2)] (http://www.w3.org/TR/css3-content/#inserting0) – Safareli

6

आप दो D12 तत्व में दो ::after छद्म-तत्व जोड़ नहीं सकते हैं। हालांकि आप अतिरिक्त रूप से ::before जोड़ सकते हैं। जो आप पूरा करने की कोशिश कर रहे हैं उसके आधार पर, यह काम कर सकता है।

+1

एक डीओएम तत्व में छद्म-तत्वों के बाद आप दो :: कैसे जोड़ सकते हैं? कोई उदाहरण? – Experimenter

1

आप उपयोग कर सकते हैं दोनों: पहले और: एक डोम तत्व पर एक साथ छद्म तत्वों के बाद। बस सुनिश्चित करें कि आप उन्हें सही स्थिति में रखें। मेरा मानना ​​है: माता-पिता के सामने psudo-element जगहों से पहले, जबकि: एचटीएमएल में जगहों के बाद। आप केवल इन दोनों का उपयोग कर सकते हैं और इससे अधिक छद्म तत्व नहीं जोड़ सकते हैं।

+0

वे प्रभावी रूप से मूल तत्व के दोनों बच्चे तत्व हैं , तत्व सामग्री से पहले ':: पहले' दिखाई देने के साथ, और ':: आने के बाद अंतिम। – Conan

संबंधित मुद्दे