दिलचस्प पोस्ट
URL से सर्वर पर फ़ाइल डाउनलोड करें एनजी-बाइंड-एचटीएमएल, $ sce.trustAsHTML (), और $ संकलन का कोणीय 2 बराबर? फ़ंक्शन बनाम। संग्रहित प्रक्रिया SQL सर्वर में एंटिटी ढांचा कई रिश्तों के लिए कई अद्यतन: आभासी या नहीं Symfony2 विस्तारित DefaultAuthenticationSuccessHandler कैसे datatable.js का उपयोग कर rowspan और colspan का उपयोग करने के लिए? सी # में नामस्थानों का उपयोग आईबी डीडेसिबल, आईबीनिस्पेक्टेबल – इंटरफेस बिल्डर अद्यतन नहीं करता है PHP के HTML DOMDocument के साथ HTML को पार्स करें आधुनिक RDBMS पर इनलाइन स्टेटमेंट की तुलना में, सामान्य रूप से संसाधित प्रक्रियाएं अधिक कुशल हैं? PHP का उपयोग करते हुए सक्रिय लिंक में प्लेन टेक्स्ट यूआरएल चालू करें ब्राउज़र स्टेटस बार में टेक्स्ट कैसे प्रदर्शित करें? साझा किए गए संदर्भ और थ्रेड सुरक्षा पाठ को डालने जहां कर्सर जावास्क्रिप्ट / jquery का उपयोग कर रहा है कैसे अजगर में एक स्कैटर प्लॉट पर एक लाइन overplot करने के लिए?

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

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

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

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

Solutions Collecting From Web of "क्या मैं एक ही तत्व के लिए छद्म तत्वों से पहले एकाधिक हो सकता हूं?"

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 */ }