javascript中一个按钮样式的两种字体类型

我有一个问题：假设我正在编写一个java脚本计算器。我希望每个按钮中都有两个信息：一个是描述，例如“

add

”，另一个是在这种情况下的“

加号”。我希望该描述必须具有大小
12px
，但我希望“
加号
”具有大小
40px
。总而言之：一个按钮中有两种字体大小。有可能实现吗？
如果它不一定是
的话，我会使用类似于：

<button onclick="" class="button-style">
    <span class="font-style-1">add</span>
    <span class="font-style-2">+</span>
</button>

现场观看：
如果它不一定是
的话，我会使用类似于：

<button onclick="" class="button-style">
    <span class="font-style-1">add</span>
    <span class="font-style-2">+</span>
</button>

现场观看：
您可以在
元素中嵌套多个
，并相应地设置样式：

<button>
  <span id="a">small</span>
  <span id="b">big</span>
</button>


小的
大的

您可以在
元素中嵌套多个
，并相应地设置样式：

<button>
  <span id="a">small</span>
  <span id="b">big</span>
</button>


小的
大的

是的

按钮{
字体大小：12px；
}
按钮>跨度{
字体大小：40px；
}

添加+

或者使用一些CSS魔法：

按钮{
字体大小：12px；
}
按钮：之后{
内容：“++”；
字体大小：40px；
}

添加

您可以根据自己的具体需要进行修改。
可以

按钮{
字体大小：12px；
}
按钮>跨度{
字体大小：40px；
}

添加+

或者使用一些CSS魔法：

按钮{
字体大小：12px；
}
按钮：之后{
内容：“++”；
字体大小：40px；
}

添加

您可以根据自己的具体需要进行修改。
OP还可以选择使用
标记，即
添加+
。使用
标记也是一种选择。我建议
，因为您提到了
。我之前提到过，但在这种情况下，他必须定义一个额外的按钮样式（否则它看起来像一个普通的链接），使用时他可以免费获得。一开始我没有提到的原因是，我认为一些非常旧的浏览器没有正确地解释这一点，但我在你的评论后查找了一下，结果似乎没问题。谢谢你的加入！OP还可以选择使用
标记，即
添加+
。使用
标记也是一种选择。我建议
，因为您提到了
。我之前提到过，但在这种情况下，他必须定义一个额外的按钮样式（否则它看起来像一个普通的链接），使用时他可以免费获得。一开始我没有提到的原因是，我认为一些非常旧的浏览器没有正确地解释这一点，但我在你的评论后查找了一下，结果似乎没问题。谢谢你的加入！