मैं इनलाइन सीएसएस (यानी style विशेषताओं में सीएसएस) के साथ एक HTML ईमेल हस्ताक्षर बना रहा हूं, और मुझे उत्सुकता है कि :before और :after छद्म-तत्वों का उपयोग करना संभव है या नहीं।सीएसएस का उपयोग करना: पहले और: इनलाइन सीएसएस के साथ छद्म तत्वों के बाद?
यदि हां, तो मैं इनलाइन सीएसएस के साथ ऐसा कुछ कैसे कार्यान्वित करूं?
td { text-align: justify; }
td:after { content: ""; display: inline-block; width: 100%; }
नहीं, तुम नहीं कर सकते pseudo-classes या pseudo-elements में इनलाइन सीएसएस को लक्ष्य के रूप में डेविड थॉमस कहा। अधिक जानकारी के लिए BoltClockके बारे में छद्म कक्षाएं
सं शैली का श्रेय केवल एक दिया HTML तत्व के लिए शैली गुणों को परिभाषित द्वारा this जवाब देखें। छद्म कक्षाएं चयनकर्ताओं, जो विशेषता में नहीं होती है के परिवार के एक सदस्य हैं .....
हम भी छद्म तत्वों के लिए ही उपयोग में लिख सकते हैं
नहीं। शैली विशेषता केवल HTML तत्व के लिए शैली गुणों को परिभाषित करती है। छद्म-वर्ग और छद्म-तत्व चयनकर्ताओं के परिवार के सदस्य हैं, जो विशेषता में नहीं होते हैं ताकि आप उन्हें इनलाइन शैली में न बना सकें।
आप छद्म तत्वों के लिए इनलाइन शैलियों को निर्दिष्ट नहीं कर सकते हैं।
ऐसा इसलिए है क्योंकि छद्म-वर्गों जैसे छद्म-वर्ग (this other question पर मेरा उत्तर देखें), चयनकर्ताओं का उपयोग कर चयनकर्ताओं का उपयोग दस्तावेज़ पेड़ के अबास्ट्रक्चर के रूप में किया जाता है जिसे HTML में व्यक्त नहीं किया जा सकता है। दूसरी ओर, एक इनलाइन style विशेषता, किसी विशेष तत्व के लिए HTML के भीतर निर्दिष्ट है।
चूंकि इनलाइन शैलियों केवल HTML में ही हो सकती हैं, इसलिए वे केवल उन HTML तत्वों पर लागू होंगी जिन्हें वे परिभाषित कर रहे हैं, न कि किसी भी छद्म-तत्वों को उत्पन्न करता है।
एक अलग रूप में के रूप में, इस पहलू में छद्म तत्वों और छद्म वर्गों के बीच मुख्य अंतर यह है कि गुण है कि :before और :after पैदा तत्व से द्वारा चूक will be inherited से प्राप्त होती हैं, जबकि छद्म वर्ग शैलियों बस लागू नहीं है बिलकुल। आपके मामले में, उदाहरण के लिए, यदि आप td तत्व के लिए इनलाइन शैली विशेषता में text-align: justify डालते हैं, तो इसे td:after द्वारा विरासत में प्राप्त किया जाएगा। चेतावनी यह है कि आप इनलाइन शैली विशेषता के साथ td:after घोषित नहीं कर सकते हैं; आपको इसे स्टाइलशीट में करना होगा।
जैसा ऊपर बताया गया है: एक सीएसएस छद्म-वर्ग/-मेंट इनलाइन को कॉल करना संभव नहीं है। जो मैंने अभी किया है, है: अपने तत्व को एक अद्वितीय पहचानकर्ता, f.ex. एक आईडी या एक अद्वितीय वर्ग। और एक उपयुक्त <style> तत्व
<style>#id29:before { content: "*";}</style>
<article id="id29">
<!-- something -->
</article>
fugly, लेकिन क्या इनलाइन सीएसएस नहीं है लिखना ..?
जो इनलाइन सीएसएस नहीं है। इनलाइन सीएसएस को शैली = "" विशेषता को अलग-अलग HTML तत्वों को पारित करने की आवश्यकता होती है। आमतौर पर जीमेल में प्रारूपित सीएसएस भेजने के लिए जरूरी है, जो '। –
सुधार: 'स्कोप' छद्म-वर्ग का उपयोग करें: '
आप इनलाइन में डेटा का उपयोग कर सकते हैं
<style>
td { text-align: justify; }
td:after { content: attr(data-content); display: inline-block; width: 100%; }
</style>
<table><tr><td data-content="post"></td></tr></table>
यह छद्म-तत्व के लिए 'सामग्री-सामग्री 'विशेषता को' सामग्री' के रूप में प्रिंट करता है। इनलाइन सीएसएस के साथ छद्म तत्व बनाने के साथ इसका कोई लेना-देना नहीं है। –
मैं यहां आया था कि इनलाइन सीएसएस में छद्म चयनकर्ताओं को कैसे लागू किया जाए और इस जवाब ने मुझे एक ही चीज़ प्राप्त करने का एक और तरीका दिखाया। सामग्री को गतिशील रूप से बनाए गए संभावित विकल्पों की एक बड़ी संख्या के आधार पर आवश्यक होना चाहिए और इसलिए प्रत्येक संभावित परिणाम के लिए अलग-अलग सीएसएस चयनकर्ताओं के ढेर लिखना व्यावहारिक नहीं था। – wunth
यह वास्तव में किसी सामग्री के लिए गतिशील सामग्री जोड़ने की मांग करने वाले व्यक्ति के लिए एक बहुत अच्छा जवाब है। हो सकता है कि इस मुद्दे से संबंधित न हो, लेकिन Google के माध्यम से इस समाधान की खोज करते समय यह प्रश्न प्रदर्शित किया जा रहा है। – Aleks
हाँ, यह,, बस तत्व है जो आप के बाद या उससे पहले जोड़ने के लिए इनलाइन शैलियों जोड़ने संभव है उदाहरण
<style>
.horizontalProgress:after { width: 45%; }
</style><!-- Change Value from Here -->
<div class="horizontalProgress"></div>
यह एक इनलाइन स्टाइलशीट है। इनलाइन सीएसएस नहीं है। – Esger
इस तथ्य के अलावा कि यह वास्तविक प्रश्न को हल नहीं करता है, यह कोड गलत है, ':: बाद' और ':: पहले' छद्म-तत्वों को 'सामग्री: मान' की आवश्यकता है अन्यथा यह 'सामग्री' पर डिफ़ॉल्ट है: कोई भी नहीं जिसके परिणामस्वरूप मूल रूप से कुछ भी नहीं होता है। – zer00ne
आप इसे इनलाइन की ज़रूरत है ? – Scrimothy
आप छद्म-वर्ग या छद्म-तत्वों को लक्षित करने के लिए इनलाइन शैलियों का उपयोग नहीं कर सकते हैं। –
संभावित रूप से [सीएसएस छद्म-कक्षाएं इनलाइन शैलियों के साथ डुप्लिकेट] (http://stackoverflow.com/questions/5293280/css-pseudo-classes-with-inline-styles) – Champ