如何删除CSS中元素的最后一个字母的字母间距？

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

这是我的HTML页面中的图片。文本菜单在右对齐的div内，并具有1.2em字母间距。为此有伪选择器吗？我不想诉诸...

Answer 1

您可以将元素设置为-1.2em的右边距，这将抵消字母间距。

Answer 2

实际上，我将其称为浏览器错误。 spec表示间距

between

Answer 3

您不能定位最后一个字符，只能定位第一个字符（CSS3，：first-letter）。您可以在最后一个字母周围添加一个跨度，但这意味着添加无意义的标记，比向元素添加位置更“糟糕”。

Answer 4

显然是一个非常老的问题，但是那时您的特定示例所涉及的CSS起作用了。