使用CSS修剪元素中除了最后一个字符之外的所有字符？

Question

使用纯CSS，是否可以从元素中修剪除文本的最后一个字符之外的所有字符？可能是content:()？

<li><a href="javascript:void(0);" class="current">Slide 1</a></li>
<li><a href="javascript:void(0);">Slide 2</a></li>
<li><a href="javascript:void(0);">Slide 3</a></li>
<li><a href="javascript:void(0);">Slide 4</a></li>

我需要它

<li><a href="javascript:void(0);" class="current">1</a></li>
<li><a href="javascript:void(0);">2</a></li>
<li><a href="javascript:void(0);">3</a></li>
<li><a href="javascript:void(0);">4</a></li>

而且，为了使问题更棘手，我不能使用脚本。只是CSS。

Answer 1

一个错综复杂的选择可能是：

• 使用仅包含数字的自定义字体（所有其他字符设置为0宽度空间）
• 通过CSS
将该字体应用于您的链接

当然，在加载字体或无法加载字体之前，这看起来很奇怪。

正如j08691所暗示的那样，如果你对格式（字体，大小......）有非常严格的控制，你可能会破解带有负边距和overflow: hidden的东西。