दिलचस्प पोस्ट
क्या $ _SERVER PHP में मौजूद है या नहीं? Xcode: सादा भाषा में एक लक्ष्य और योजना क्या है? ओक्टेव / मैटलैब: एक सदिश को अपने आप दोहराते हुए बढ़ाएं? यूट्यूब v3 एपीआई का उपयोग करके यूट्यूब प्लेलिस्ट से सभी वीडियो पुनर्प्राप्त करें कैसे अंग्रेजी भाषा शब्द डेटाबेस पाने के लिए? कॉरस – प्रीफलाइट अनुरोधों को पेश करने के पीछे प्रेरणा क्या है? WPF में एक अर्ध पारदर्शी विंडो कैसे तैयार करें जिससे माउस ईवेंट को पारित करने की अनुमति मिलती है कैसे जावास्क्रिप्ट में palindrome लिखने के लिए कुछ असिंक्रोनस कार्यों को पूरा करने का सरल तरीका, जावास्क्रिप्ट में? एंड्रॉइड: अलग वस्तुओं के साथ एक सूची दृश्य के लिए XML लेआउट विंडो आइकन सेट करें चैनल पर सभी वीडियो लाने के लिए यूट्यूब एपीआई ट्विटर बूटस्ट्रैप मोडल-बैकड्रॉप गायब नहीं हुआ है कैसे एक MongoDB दस्तावेज़ की _id अद्यतन? पायथन की संग्रह में अंतर। काउंटर और nltk.probability.FreqDist

क्या मैं एक ही तत्व के लिए छद्म तत्वों से पहले एकाधिक हो सकता हूं?

क्या यह एक ही तत्व के लिए छद्म :before कई है :before क्या संभव है?

 .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } 

मैं jQuery का उपयोग कर एक ही तत्व में उपरोक्त शैलियों को लागू करने की कोशिश कर रहा हूं, लेकिन केवल सबसे हाल ही में एक ही लागू किया गया है, दोनों ही नहीं।

वेब के समाधान से एकत्रित समाधान "क्या मैं एक ही तत्व के लिए छद्म तत्वों से पहले एकाधिक हो सकता हूं?"

CSS2.1 में, एक तत्व केवल किसी भी प्रकार के छद्म-तत्व के किसी भी समय हो सकता है। (इसका मतलब है कि एक तत्व में दोनों :before और एक :after छद्म तत्व के :after सकता है – यह प्रत्येक प्रकार के एक से अधिक नहीं हो सकता।)

परिणामस्वरूप, जब आपके पास एकाधिक तत्व होते हैं :before समान तत्व से मेल खाने वाले नियमों :before , वे सभी को एक ही स्थान पर झुकेंगे और लागू होंगे :before छद्म तत्व :before , सामान्य तत्व के साथ। आपके उदाहरण में, अंतिम परिणाम इस तरह दिखता है:

 .circle.now:before { content: "Now"; font-size: 19px; color: black; } 

जैसा कि आप देख सकते हैं, केवल content घोषणा जिसमें सर्वोच्च प्राथमिकता है (जैसा कि उल्लेख किया गया है, जो कि अंतिम रूप से आता है) प्रभावी होगा – बाकी घोषणाओं को त्याग दिया जाता है, जैसा कि किसी भी अन्य सीएसएस संपत्ति के मामले में है

यह व्यवहार CSS2.1 के चयनकर्ता अनुभाग में वर्णित है :

छद्म तत्व तत्वों सीएसएस में वास्तविक तत्वों की तरह व्यवहार करते हैं, नीचे वर्णित अपवादों और अन्य जगहों के साथ।

इसका अर्थ है कि छद्म तत्वों वाले चयनकर्ता सामान्य तत्वों के चयनकर्ताओं की तरह ही काम करते हैं। इसका मतलब यह भी है कि झरना उसी तरह से काम करना चाहिए। अजीब तरह से, CSS2.1 केवल संदर्भ प्रतीत होता है; न तो सीएसएस 3-चयनकर्ता और न ही सीएसएस 3-कैस्केड यह बिल्कुल भी उल्लेख करते हैं, और यह देखना है कि यह भविष्य के विनिर्देश में स्पष्ट किया जाएगा या नहीं।

यदि कोई तत्व एक से अधिक चयनकर्ता को एक ही छद्म तत्व से मेल कर सकता है, और आप चाहते हैं कि वे सभी को किसी भी तरह लागू करें, आपको अतिरिक्त सीएसएस नियमों को संयुक्त चयनकर्ताओं के साथ बनाने की आवश्यकता होगी ताकि आप निर्दिष्ट कर सकें कि ब्राउज़र उन सभी में क्या करना चाहिए मामलों। मैं यहां content सम्पत्ति सहित एक पूर्ण उदाहरण प्रदान नहीं कर सकता, क्योंकि यह उदाहरण के लिए स्पष्ट नहीं है कि क्या प्रतीक या पाठ पहले आना चाहिए। लेकिन इस संयुक्त नियम के लिए आपको चयनकर्ता भी चाहिए। .circle.now:before या .now.circle:before – जो भी चयनकर्ता आप चुनते हैं वह व्यक्तिगत पसंद है क्योंकि दोनों चयनकर्ता समान हैं, यह केवल content संपत्ति का मूल्य है जिसे आपको आवश्यकता होगी खुद को परिभाषित करने के लिए

यदि आपको अभी भी एक ठोस उदाहरण की आवश्यकता है, तो इस समान प्रश्न का उत्तर देखें।

विरासत css3- सामग्री विनिर्देश में एक अनुभाग शामिल है जिसमें से कई ::before और ::after छद्म तत्वों का उपयोग करते हुए एक संकेतन का उपयोग करते हुए CSS2.1 कैस्केड के साथ संगत है, लेकिन ध्यान रखें कि यह विशेष दस्तावेज अप्रचलित है – यह अद्यतन नहीं किया गया है 2003, और कोई भी पिछले दशक में उस सुविधा को लागू नहीं किया है। अच्छी खबर यह है कि छोड़ दिया दस्तावेज़ सक्रिय रूप से सीएसएस-सामग्री -3 और सीएसएस-छद्म -4 की आड़ में एक पुनर्लेखन से गुजर रहा है। बुरी खबर यह है कि एकाधिक छद्म तत्वों की सुविधा कहीं भी या तो विनिर्देश में नहीं मिलती है, संभवत: लागू करने वाले ब्याज की कमी के कारण।

यदि आपके मुख्य तत्व में कुछ बाल तत्व या पाठ हैं, तो आप इसका उपयोग कर सकते हैं

अपने मुख्य तत्व के रिश्तेदार (या पूर्ण / निश्चित) स्थिति का उपयोग करें और दोनों का उपयोग करें: पहले और: पूर्ण स्थिति के बाद (मेरी स्थिति में यह पूर्ण होना चाहिए, आपके बारे में नहीं पता है)।

अब अगर आप एक और छद्म तत्व चाहते हैं, तो एक पूर्ण जोड़ दें: पहले मुख्य तत्व के बच्चों में से एक (यदि आपके पास केवल पाठ है, इसे एक अवधि में रखें, अब आपके पास एक तत्व है), जो रिश्तेदार / पूर्ण / निश्चित नहीं है ।

यह तत्व अपने मालिक की तरह अभिनय शुरू कर देगा आपका मुख्य तत्व है

एचटीएमएल

 <div class="circle"> <span>Some text</span> </div> 

सीएसएस

 .circle { position: relative; /* or absolute/fixed */ } .circle:before { position: absolute; content: ""; /* more styles: width, height, etc */ } .circle:after { position: absolute; content: ""; /* more styles: width, height, etc */ } .circle span { /* not relative/absolute/fixed */ } .circle span:before { position: absolute; content: ""; /* more styles: width, height, etc */ }