我可以只使用CSS格式化字符串的一部分吗？

给定如下所示的HTML：

<td class="n">1234.56</td>

1234.56

我希望只使用CSS（而不必使用HTML中的

元素）来格式化数字，使最后两位数字（或者，一般来说，字符）的大小减小

我的目标是为上面未经修饰的HTML编写一个CSS样式表规则，该规则的行为就像我有以下内容一样：

<style>
.diminish { font-size: 50% }
</style>
<td class="number">1234.<span class="diminish">56</span></td>

.减少{字体大小：50%}
1234.56

这在纯CSS中是不可能的。只有您指出的html或Javascript。

您可以但不是真的，如果内容始终是1234.56，那么您可以使用

：before

或

：after

来操作它，但我确信您有不同的内容

：：before

和

：after

在当前元素前后插入一个伪元素，因此它不会选择作为元素一部分的数字。唯一可以选择字符的CSS选择器是：：first letter，它选择段落的第一个字母。对不起，您别无选择，只能编辑html。如果您将其更改为小数点前有空格，该怎么办？这可行吗？@SmokeyHP，我可以（使用一些非常奇怪的渲染代码）…，但我想知道你的目的是什么？只考虑使用隐藏溢出的空格包装，然后在伪元素中的另一部分使用同样的方法。您可以将大小设置得很小，但要允许水平溢出并关闭分词，然后隐藏底部的换行符（小数），然后尝试使用相同的技术仅获取

：after

伪元素中的第二行