Javascript 标签内的不同字体

如果我有诸如“1234B”、“5678M”之类的标签。。。如何更改此标签，使末尾的字母比数字小？

1234B

<p>1234<span class="smaller">B</span></p>

.smaller {
    font-size: 5px;
}

.小一点{
字号：5px；
}

最简单的方法是使用

小的
元素（HTML5中仍然允许使用该元素，尽管有人为的“语义”，但对浏览器来说，它仍然意味着更小的字体大小）：

然而，这会产生糟糕的排版效果，因为不同的字体大小意味着不同的笔划宽度，所以字母除了更小之外，看起来也更薄。在排版中，人们可能会使用小大写字体符号（尽管在排版中，人们通常更愿意尝试使数字和字母的大小匹配，而不是不匹配！）。原则上，这在网页上也是可能的（使用字体功能设置：“smcp”
，带有前缀），尽管仍然很少见，而且它需要一种具有此类标志符号的字体（如Calibri、Cambria或Palatino-Linotype）。
沃森有。。。。。。。。。。。。。。但是让我想想，CMS thinking…如果您只想将唯一的字母小写，而数字保持不变，您可以这样做：

HTML:

否则我就照上面提到的那样做了…
5px
可能有点过头了：-）@LittleBigBot我的意思是，比如说，
0.9em
：-）好吧，但是这些标签都不一样，我不知道它的末尾是否有那个字母，也可以没有它。我有很多，有没有办法，来检查最后一个字母是不是一个字母，如果是的话，把它变小一些，如果不是的话，没有任何改变。为此我需要一个动态函数。然后您需要一个函数，在服务器端或客户端编程语言中，插入
small
标记或其他合适的标记。HTML和CSS没有函数（只有一些函数符号），也没有用于“最后一个字母”的CSS选择器。@laura.graham您至少需要javascript来完成类似的操作。好吧，我知道，但是我如何插入“小”标记？你能给我写一个java脚本函数吗？
1234<small>B</small>

small { font-size: 80%; }

 <div style="text-transform: lowercase;">3529M</div>

<div class="lowMe">3529M</div>
<div class="lowMe">5546D</div>

.lowMe {text-transform: lowercase}