css价格小数点后比前小

CSS价格小数点后比前小是一个很常见的需求。我们通常在网站设计中需要价格可读性更好的效果。当价格变动不大，差距只在小数点后几位时，让小数点后面数字稍小能起到更好的视觉效果。

下面是一段CSS代码可以实现这个效果：

.price {
  font-size: 24px;
  line-height: 1.2;
}

.price sup {
  font-size: 16px;
  position: relative;
  top: -0.5em;
}

这段代码中，我们首先定义了价格数字的大小为24像素，并设置行高为1.2，保证数字与下划线之间的垂直距离。接着，我们使用<sup>标签将小数点后的数字包含起来，并设置其字体大小为16像素，让它与价格数字的大小产生对比，并让它相对.price元素的位置上升0.5em。

这个方法可以用于固定价格位数的情况。如果价格位数不确定，可以考虑使用JavaScript来实现。