दिलचस्प पोस्ट
NSObject + लोड और + प्रारंभ – वे क्या करते हैं? स्ट्रिंग से अंतिम वर्ण कैसे निकालें? एचटीटीपी एचटीटीपी के लिए एचटीएसीएक्स का इस्तेमाल कर रहा है कच्ची फाइल को एसडीकार्ड में कॉपी करना है? .resx फ़ाइल में सभी संसाधनों के माध्यम से लूप स्पष्ट डोमेन के साथ स्थानीयहोस्ट पर कुकीज आईफ़ोन – पुन: उपयोगइंडिफाइरर्स (यूआईटीबल वीजसेल) क्या हैं? एक दृढ़ता से टाइप की गई भाषा और एक स्थैतिक रूप से टाइप की गई भाषा में क्या अंतर है? IPhone पर रीयल-टाइम पिच स्थानांतरण आर डेटाफ्रेम में शून्य के साथ मैं एनए वैल्यू कैसे बदल सकता हूं? सी ++ में सेगमेंटेशन दोष क्या पैदा कर सकता है? कोर्स को समझना पीएल / पीजीएसक्यूएल जांच अगर एक पंक्ति मौजूद है इकाई फ़्रेमवर्क 6 लेनदेन रोलबैक एनटिटी फ़्रेमवर्क में शामिल होने वाले खंड में एक अभिव्यक्ति का प्रकार गलत है

"पाठ-सजावट" और "छद्म तत्व" के बाद, पुनरीक्षित

मैं इस सवाल को फिर से पूछ रहा हूं क्योंकि उसके जवाब मेरे मामले में काम नहीं करते।

मुद्रित मीडिया के लिए मेरी स्टाइलशीट में मैं प्रत्येक लिंक के बाद यूआरएल को जोड़ना चाहता हूं :after छद्म-क्लास के :after

 a:after { content: " <" attr(href) ">"; text-decoration: none; color: #000000; } 

फ़ायरफ़ॉक्स में (और संभवत: क्रोम लेकिन IE8 नहीं), text-decoration: none भी अनदेखी text-decoration: none जाती है, और यूआरएल के निचले भाग में रेखांकन अप्रभावी रूप से फैला है। हालांकि color यूआरएल के लिए सही ढंग से काले color सेट है क्या text-decoration काम करने का कोई तरीका है?

मूल प्रश्न ने वैरिएबल चौड़ाई टेक्स्ट के बजाय निश्चित आकार की छवियों को जोड़ा। पाठ-सजावट संपत्ति का इस्तेमाल करने से बचने के लिए इसका जवाब पैडिंग और पृष्ठभूमि छवियों का उपयोग करते हैं जब भी सामग्री चर चौड़ाई टेक्स्ट है, तब भी मैं समाधान की तलाश कर रहा हूं

वेब के समाधान से एकत्रित समाधान ""पाठ-सजावट" और "छद्म तत्व" के बाद, पुनरीक्षित"

IE8 के कार्यान्वयन: पहले और: छद्म तत्वों के बाद गलत है फ़ायरफ़ॉक्स, क्रोम और सफारी सभी इसे सीएसएस 2.1 विनिर्देश के अनुसार लागू करते हैं।

5.12.3: पहले और: छद्म तत्वों के बाद

': पहले' और 'के बाद' छद्म तत्वों को एक तत्व की सामग्री से पहले या बाद में उत्पन्न सामग्री को सम्मिलित करने के लिए इस्तेमाल किया जा सकता है । वे जनरेटेड टेक्स्ट पर अनुभाग में समझाए गए हैं

व्यापक स्टाइल शीट स्तर 2 संशोधन 1 (सीएसएस 2.1) विशिष्टता

विनिर्देश इंगित करता है कि सामग्री को तत्व की सामग्री से पहले या बाद में सम्मिलित किया जाना चाहिए, न कि तत्व (अर्थात <element> सामग्री: सामग्री सामग्री से पहले : </ element> के बाद )। इस प्रकार फ़ायरफ़ॉक्स और क्रोम में आप जिस पाठ-सजावट का सामना कर रहे हैं वह डाली गई सामग्री पर नहीं है बल्कि डाली गई सामग्री वाले अभिभावक एंकर तत्व पर है।

मुझे लगता है कि आपके विकल्प आपके पिछले प्रश्न में सुझाए पृष्ठभूमि-छवि / पैडिंग तकनीक का उपयोग करने जा रहे हैं या संभवत: स्पैन तत्वों में आपके एंकर तत्वों को लपेटकर और छद्म तत्वों को स्पैन तत्वों पर लगाने के बजाय।

यदि आप display: inline-block उपयोग display: inline-block को छद्म के :after , text-decoration घोषणा काम करेगी।

Chrome 25, Firefox 19 में परीक्षण किया गया

वैकल्पिक रूप से, आप टेक्स्ट-सजावट के बजाय एक बॉर्डर सीमा का उपयोग कर सकते हैं यह मानता है कि आप पृष्ठभूमि का रंग जानते हैं

 a { text-decoration: none; border-bottom: 1px solid blue; } a:after { content: "foo"; border-bottom: 1px solid white; /* same color as the background */ } 

मुझे एक ही समस्या थी और मेरा समाधान ऊँचाई और अतिप्रवाह सेट करना था : छिपा हुआ

http://jsfiddle.net/r45L7/

 a { text-decoration: underline; } a:after { content: "»"; display: inline-block; text-decoration: none; height:16px; overflow: hidden; padding-left: 10px; } 

यह आईई, एफएफ, क्रोम पर काम करता है।

मुझे पता है कि यह आपके द्वारा पूछे जाने वाले प्रश्न का उत्तर नहीं दे रहा है, लेकिन ऐसा कोई कारण नहीं है कि आप निम्न ( background आधारित दृष्टिकोण) का उपयोग नहीं कर सकते हैं:

 a.file_pdf { background-image: url(images/pdf.png); background-position: center right; background-repeat: no-repeat; padding-right: 15px; /* or whatever size your .png image is plus a small margin */ } 

जहां तक ​​मुझे पता है, फ़ायरफ़ॉक्स का कार्यान्वयन :after चयनकर्ता वर्ग की संपत्ति को देखने के :after , नहीं psuedo-class हालांकि, अलग-अलग सिद्धांतों के साथ प्रयोग करने में लायक हो सकता है? संक्रमण के बजाय सख्त, कभी-कभी अलग-अलग परिणामों की अनुमति होती है (यद्यपि हमेशा बेहतर परिणाम नहीं …)

संपादित करें:

ऐसा प्रतीत होता है कि इसका उपयोग करना

 a:after { content: " <" attr(href) ">"; text-decoration: none; color: #000000; background-color: #fff; /* or whatever colour you prefer */ } 

ओवरराइड, या कम से कम छुपाता है, text-decoration यह वास्तव में किसी भी तरह का जवाब नहीं प्रदान करता है, लेकिन कम से कम एक प्रकार का समाधान प्रदान करता है

केवल एक चीज जो मेरे लिए काम करती थी, वह एक अलग दोहरा चयनकर्ता को एक ही पाठ-सजावट की संपत्ति के साथ घोषित कर रही थी जो कि उसके माता-पिता से विरासत में मिली थी, फिर मुख्य चयनकर्ता में, पाठ-सजावट को किसी के पास नहीं सेट किया गया था।

IE जाहिरा तौर पर पता नहीं है कि जब आप text-decoration: none सेट करते हैं text-decoration: none पाठ के सजावट की संपत्ति के बिना उस तत्व के बिना किसी छद्म तत्व पर text-decoration: none घोषित किया जाता है (डिफ़ॉल्ट रूप से, डिफ़ॉल्ट रूप से इसकी कुछ भी घोषित नहीं है)। यह बहुत कम समझ में आता है क्योंकि यह स्पष्ट रूप से माता-पिता से विरासत में मिला है, लेकिन अफसोस, अब हमारे पास आधुनिक ब्राउज़र हैं

 span.my-text { color: black; font-size: 12px; text-decoration: underline; } span.my-text:after { text-decoration: underline; // Have to set text-decoration here so IE knows it can be overwritten below } span.my-text:after { color: red; text-decoration: none; // In the same repeated selector, we can now overwrite text-decoration in our pseudo element. } 

आप पीडीएफ फाइलों के लिए लिंक को स्वत: पुन: चयन कर सकते हैं:

 a[href$=".pdf"]:after { content: ... } 

IE 8 से कम इस फ़ाइल को HTML-file के शीर्ष पर लागू करके ठीक से काम करने के लिए सक्षम किया जा सकता है:

 <!--[if lt IE 8]><script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script><![endif]--> 

यह अल आईई संस्करणों में भी बहुत अच्छा काम करता है जब आप उद्धरण चिह्नों को छिपाने के लिए पहले-पहले-सामग्री-वस्तु का उपयोग करते हैं।

पूरी तरह से सामग्री का पालन करें:

 a { position: relative; margin: 0 .5em; font-weight: bold; color: #c00; } a:before, a:after { position: absolute; color: #000; } a:before { content: '<'; left: -.5em; } a:after { content: '>'; right: -.5em; } 

यह मेरे लिए फ़ायरफ़ॉक्स 3.6 में काम करता है, हालांकि किसी भी अन्य ब्राउज़रों में परीक्षण नहीं किया गया, हालांकि शुभकामनाएँ!

नमस्ते, मुझे इसके साथ भी परेशानी हो रही थी और एक वैकल्पिक हल में ठोकर खाई।

इसके चारों ओर पाने के लिए, मैंने यूआरएल को डिवी में लपेट लिया और ऐसा कुछ इस्तेमाल किया।

 .next_page:before { content: '('; } .next_page:after { content: ')'; } 

मैं क्या करता हूं, मैं एक तत्व के अंदर एक स्पैन जोड़ता हूं, जैसे:

 <a href="http://foo.bar"><span>link text</span></a> 

फिर अपनी सीएसएस फ़ाइल में:

 a::after{ content:" <" attr(href) "> "; color: #000000; } a { text-decoration:none; } a span { text-decoration: underline; }