css - 在 td class="hidden-phone" 上调整字体大小

Question

我有一个列，我想缩小其字体大小，但我无法让设置生效。这是原始代码：

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

我试过了：

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

和

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

有人有想法吗？谢谢。

Answer 1

返回的是什么thing_to_shrink，如果它是一个字符串，它应该可以工作并且会采用12px类的hidden-phone字体大小

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

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

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

那么它将采用字体大小 20px 而不是 12px