css - 如何使用CSS突出显示小数位

Question

我想知道如何使用 CSS 突出显示数字的小数位。例如: <span class="something">$291.27</span>我希望它成为 $291.**27**

Answer 1

您可以尝试借助 CSS ::before 和 ::after 伪元素。

.something::before{
  content: attr(data-int);
}
.something::after{
  content: '.**'attr(data-float)'**';
}

<span class="something" data-int="$291" data-float="27"></span>
<br><br>
<span class="something" data-int="$187" data-float="89"></span>
<br><br>
<span class="something" data-int="$782" data-float="12"></span>