javascript - Targeting :first-letter of :after content pseudoelement -


मेरे पास एक छद्म है: सीएसएस में परिभाषित सामग्री के बाद।

  div: after {content : 'यह वाक्य है।'; }  

क्या कोई कृपया मुझे सलाह दे सकता है कि सामग्री के पहले चरित्र को कैसे लक्षित किया जाए और उसकी शैली को कैसे बदला जाए। Jquery ठीक है, लेकिन मैं इसे पहले * छद्म के साथ करने की कोशिश कर रहा हूं।

केवल एक बार : प्रथम-अक्षर संभवत: : के बाद छद्म तत्व का पहला अक्षर मिल सकता है यदि छद्म तत्व इनलाइन है, और छद्म तत्व से पहले कोई अन्य सामग्री नहीं है ( कम से कम हमेशा की तरह एलटीआर लेखन मोड में)। इसके अलावा, छद्म तत्वों में स्वयं के छद्म तत्व नहीं हो सकते हैं, इसलिए आप : बाद में: पहला अक्षर नहीं कर सकते।

यदि आपका div तत्व में सामग्री है, फिर आप इसे : after छद्म-तत्व का उपयोग करके ऐसा करने में समर्थ नहीं होंगे। इसके बजाय आपको वास्तविक मूल तत्व का उपयोग करने की आवश्यकता होगी। आप jQuery के .append () विधि का उपयोग करके आसानी से एक जनरेट कर सकते हैं, लेकिन यदि आप : पहला अक्षर का उस तत्व को लक्षित करना चाहते हैं, तो आप इसे इनलाइन के बजाय ब्लॉक या इनलाइन-ब्लॉक के रूप में प्रदर्शित करने की आवश्यकता है:

  $ ('div')। अनुलग्नक ('& lt; span class = "after" & gt; यह वाक्य है & lt; / span & gt; ');  
  div & gt; .after {display: inline-block; } Div & gt; । बाद: प्रथम-अक्षर {रंग: लाल; }  

Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -