CSS是前端開發中常用的樣式語言，它可以控制網頁中各種元素的樣式和顯示效果。在一些場景下，我們需要控制數字的顯示方式，比如小數點位數。那么，怎么在CSS中控制小數點位數呢？

我們可以利用CSS中的toFixed()方法來指定數字的小數點位數。它的用法如下：

.number {
font-size: 16px;
color: #333;
text-align: center;
}
.number::after {
content: attr(data-value);
font-size: 12px;
color: #999;
margin-left: 5px;
}
.number[data-decimal="2"]::after {
content: attr(data-value);
font-size: 12px;
color: #999;
margin-left: 5px;
}
.number[data-decimal="3"]::after {
content: attr(data-value);
font-size: 12px;
color: #999;
margin-left: 5px;
}
.number[data-decimal="4"]::after {
content: attr(data-value);
font-size: 12px;
color: #999;
margin-left: 5px;
}

在代碼中，我們首先聲明一個.number類，它代表顯示數字的元素。然后在元素的::after偽元素中，我們設置數字的樣式，其中content屬性用來定義顯示的內容。可以看到，我們使用了attr()方法來獲取元素的data-value屬性值，也就是顯示的數字。

接下來，我們通過[data-decimal="x"]選擇器來指定小數點位數。比如，.number[data-decimal="2"]代表小數點后保留2位，.number[data-decimal="3"]代表小數點后保留3位，以此類推。注意，在選擇器中用到了data-屬性，這是HTML5中定義的一種自定義屬性。

最后，通過設置margin-left: 5px;來控制小數點和數字之間的間距，從而實現小數點位數的控制。