Css 调整td类上的字体大小="；隐藏电话“；

我有一个列，我想缩小它的字体大小，但我无法使设置生效。以下是原始代码：

<td class="hidden-phone"><%= thing_to_shrink %></td>

我试过：

<td class="hidden-phone" style="font-size:small;"><%= thing_to_shrink %></td>

及

---

有人有想法吗？谢谢。

什么

thing\u to\u shrink

正在返回，如果它是一个字符串，它应该可以工作，并将使用

隐藏电话
类的
12px

<td class="hidden-phone">SOME STRING</td>

一些字符串

但它正在生成类似以下内容的HTML

<td class="hidden-phone">
  <span style="font-size:20px;"> SOME STRING</span>
</td>


一些绳子

然后，它将使用20px的字体大小，而不是12px，如果是字符串，它将使用
隐藏电话类的
12px
字体大小

<td class="hidden-phone">SOME STRING</td>

一些字符串

但它正在生成类似以下内容的HTML

<td class="hidden-phone">
  <span style="font-size:20px;"> SOME STRING</span>
</td>


一些绳子

然后它将采用20px而不是12px的字体大小（如果在
外部使用
：）它将无法工作，就像它应该工作一样。我确实将它包含在表中。我只想缩小此列的条目，而不是所有“隐藏电话”的条目。
如果在
之外使用
：）它将不起作用。它的工作原理与应该的一样，我确实将它包含在表中。我只想缩小此列的条目，而不是“隐藏电话”的所有内容。