सीएसएस पहले दो charactor

Question

एचटीएमएल का रंग बदलने नहीं

<p class="required">*Required</p> 

सीएसएस

<style> 
.required::first-letter { 
font-size: 200%; 
color: #8A2BE2; 
} 
</style> 

'*' केवल, यह बदल जाता है दोनों '* R'.Why का रंग बदलने नहीं यह सीएसएस?

.required::first-letter { 
 
    font-size: 200%; 
 
    color: #8A2BE2; 
 
}

<p class="required">*Required</p>

Answer 1

first::letterletter और not for symbol

ताकि आप है कि इस तरह कर सकता है के लिए है।

<p class="required"><i>*</i>Required</p> 

सीएसएस

.required { 
    color: #8A2BE2; 
} 
i { 
    font-size: 200%; 
    color: #8A2BE2; 
} 

FIDDLE DEMO

या

आप उपयोग कर सकते ::before

.required::before { 
    content: '*'; 
    font-size: 200%; 
    color: #8A2BE2; 
} 

<p class="required">Required</p> 

FIDDLE DEMO

Answer 2

::first-letter चयनकर्ता निर्दिष्ट चयनकर्ता के पहले अक्षर के लिए एक शैली को जोड़ने के लिए प्रयोग किया जाता है। * एक प्रतीक है।

आप ::before

.required::before { 
 
    content: '*'; 
 
    font-size: 200%; 
 
    color: #8A2BE2; 
 
}

<p class="required">Required</p>

Answer 3

उपयोग कर सकते हैं मुझे लगता है कि ऐसा इसलिए है क्योंकि ब्राउज़र पहले अक्षर के लिए ब्लॉक की शुरुआत से सीएसएस शैली लागू होगा, और यह नहीं सोचते कि ' * 'एक पत्र है।

आप सामग्री का उपयोग क्यों नहीं करते हैं और फिर सामग्री = '*' सेट करते हैं?

 .required::before { 
     content:'*'; 
     font-size: 200%; 
     color: #8A2BE2; 

} 

Answer 4

आप http://www.w3.org/TR/css3-selectors/#first-letter में कल्पना को देखें, तो यह कहते हैं:

विराम चिह्न (यानी, वर्ण यूनिकोड में "खुले" (पी एस), "बंद" (पे में परिभाषित), "प्रारंभिक" (पीआई)। "अंतिम" (पीएफ) और "अन्य" (पीओ) विराम चिह्न कक्षाएं), जो पहले अक्षर से पहले या बाद में शामिल होना चाहिए। [यूनिकोड]

तो तारांकन शामिल किया जाना चाहिए कल्पना के लिए के रूप में ("अन्य" (पो) विराम चिह्न यूनिकोड की कक्षा में है)। यही कारण है कि यह आपके सीएसएस में शामिल है।