css - tomar - módulo 2: cómo se define la presentación de los elementos de una página web

¿Cómo puedo eliminar el espacio entre letras para la última letra de un elemento en CSS?

Question

Aquí está la imagen en cuestión de mi página HTML. El menú de texto está dentro de un div alineado a la derecha, y tiene un espaciado de letras de 1.2em. ¿Hay un pseudo-selector para esto? No me gustaría tener que recurrir al posicionamiento relativo.

Me encantaría que el menú de texto termine donde termina el bloque.

Ya he marcado una mejor respuesta, pero se me pidió el marcado independientemente de CodeBlock. Aquí está.

<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

No puede segmentar el último carácter, solo el primero (CSS3,: first-letter ). Puede agregar un lapso alrededor de la última letra, pero eso significaría agregar un marcado sin sentido que es "peor" que agregar el posicionamiento al elemento.

CSS es perfecto para trucos como este :)

Answer 2

Puede configurar su elemento para que tenga un margen derecho de -1.2em, lo que contrarrestaría el espaciado entre letras.

p.ej

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

Para responder a su pregunta con respecto al pseudo-selector, no hay un pseudo-selector de caracteres por lo que sé. (EDITAR: Raspe eso, ahí está el selector de la :First-Letter , que Jonas G. Drange señaló).

EDITAR: Puede encontrar una muestra básica aquí: http://jsfiddle.net/teUxQ/

Answer 3

Yo llamaría esto un error del navegador, en realidad. La spec dice que es el espacio entre caracteres, mientras que su navegador (y el mío) parecen estar cambiando el espacio entre los caracteres. Debe enviar un informe de error.