css - 使用 CSS 在左侧显示带有较小 $ 符号的价格的最佳方式是什么？

Question

我需要显示 ex:$300.00，但我需要美元符号显示得比数字小，这样它看起来像商标，但不会那么小。

是否有一个 CSS 函数可以做到这一点？

提前谢谢你。

Answer 1

会不会是这样的？

HTML:

<span class="dollar">300.00</span>

CSS:

.dollar:before {
    content: '$';
    font-size: somethingSmaller;
}

参见 this fiddle如果这有帮助，请告诉我。