css - 使用 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 所暗示的，如果您对格式(字体、大小..)有非常严格的控制，您可能能够破解带有负边距和溢出:隐藏的内容。