सीएसएस में किसी तत्व के अंतिम अक्षर के लिए मैं अक्षर-अंतर को कैसे हटा सकता हूं?

Question

यहां मेरे HTML पृष्ठ के प्रश्न में छवि है। टेक्स्ट मेनू दाएं संरेखित div के अंदर है, और इसमें 1.2em अक्षर अंतर है। क्या इसके लिए कोई छद्म चयनकर्ता है? मैं रिश्तेदार स्थिति का सहारा लेना नहीं चाहूंगा।

मैं पाठ मेनू समाप्त करने के लिए जहां ब्लॉक समाप्त होता है प्यार होता।

मैं पहले से ही एक सर्वश्रेष्ठ उत्तर में चिह्नित किया है, लेकिन मैं CodeBlock द्वारा मार्कअप के लिए कहा गया था परवाह किए बिना। यही पर है।

<div class="sidebar"> 
     <span class="menuheader">MENU</span> 
     <ul> 
     <li><a href="#content">Content</a></li> 
     <li><a href="#attachments">Attachments</a></li> 
     <li><a href="#subpages">Sub-pages</a></li> 
     <li><a href="#newsubpage">New sub-page</a></li> 
     </a></ul> 
</div> 

.sidebar{ 
color: rgb(150,93,101); 
display: inline; 
line-height: 1.3em; 
position: absolute; 
top: 138px; 
width: 218px; 
} 

.menuheader{ 
letter-spacing: 1.1em; 
margin: -1.2em; 
text-align: right; 
} 

Answer 1

आप अपने तत्व को -1.2em का सही मार्जिन रखने के लिए सेट कर सकते हैं, जो अक्षर अंतर को प्रतिबिंबित करेगा।

उदा

.menu-header-selector { 
    display:block; 
    letter-spacing:1.2em; 
    margin-right:-1.2em; 
    text-align:right; 
} 

छद्म चयनकर्ता के बारे में अपने सवाल का जवाब करने के लिए, वहाँ एक प्रति चरित्र छद्म चयनकर्ता जहाँ तक मुझे पता है कर रहा हूँ नहीं है। (संपादित करें: स्क्रैच करें कि :First-Letter चयनकर्ता है, जो जोनास जी ड्रेंज ने बताया)।

संपादित करें: http://jsfiddle.net/teUxQ/

Answer 2

आप (, CSS3: first-letter) अंतिम वर्ण, केवल पहले लक्षित नहीं कर सकते: आप एक बुनियादी नमूना यहाँ पा सकते हैं। आप अंतिम अक्षर के चारों ओर एक अवधि जोड़ सकते हैं, लेकिन इसका मतलब अर्थहीन मार्कअप जोड़ना होगा जो तत्व को स्थिति जोड़ने से "बदतर" है।

सीएसएस इस तरह प्रवंचना के लिए एकदम सही हैं :)

Answer 3

मैं वास्तव में यह एक ब्राउज़र बग कहेंगे,। spec कहते हैं कि यह रिक्ति वर्णों के बीच है, जबकि आपके ब्राउज़र (और मेरा) रिक्ति के बाद पात्रों को बदलने लगते हैं। आपको एक बग रिपोर्ट जमा करनी चाहिए।