CSS에서 요소의 마지막 문자에 대한 문자 간격을 제거하려면 어떻게해야합니까?

Question

다음은 내 HTML 페이지의 이미지입니다. 텍스트 메뉴는 오른쪽 정렬 된 div 안에 있으며 문자 간격은 1.2em입니다. 이것을위한 의사 선택기가 있습니까? 나는 상대적 위치 선정에 의지하고 싶지 않다.

나는 블록이 끝나는 곳에서 끝내기 위해 텍스트 메뉴를 좋아할 것이다.

은 이미 최선의 답을 표시 한,하지만 난 코드 블록에 의해 관계없이 마크 업에 대한 질문을 받았다. 여기있어.

<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; 
} 

의사 선택기와 관련하여 질문에 대답하려면 문자마다 의사 선택기가 없습니다. (편집 : 조나스 G. Drange가 지적한 :First-Letter 셀렉터가 있습니다.)

편집 : http://jsfiddle.net/teUxQ/

Answer 2

당신은 (, CSS3 : first-letter)를 마지막 문자, 첫 번째를 타겟팅 할 수 없습니다 : 당신은 여기에 기본 샘플을 찾을 수 있습니다. 마지막 글자 주위에 스팬을 추가 할 수는 있지만 요소에 위치 지정을 추가하는 것보다 "의미가없는"마크 업을 추가하는 것을 의미합니다.

CSS는이 같은 속임수에 적합

Answer 3

내가 실제로,이 브라우저의 버그를 부를 것이다 :). spec은 사이에 사이의 공백이 있고 브라우저 (및 광산)는 사이의 공백을 자로 변경하는 것으로 보입니다. 버그 보고서를 제출해야합니다.