CSS可以通過一些簡單的代碼，將數字變色。這里給大家介紹兩種實現方法。

方法一：.number{
color: red;
}

按照這個方法，我們可以給html代碼中任意一個class名稱為number的元素都添加紅色的顏色。

方法二：.number::before{
content: "";
color: red;
}

利用偽元素before的特性，我們同樣可以實現數字變色的功能。不同的是，我們需要在HTML代碼中使用data-屬性來存放這個數字。

<spanclass="number"data-number="123">123</span>

然后在CSS文件中，我們需要添加以下代碼：

.number{
position: relative;
display: inline-block;
}.number::before{
content: attr(data-number);
position: absolute;
top: 0;
left: 0;
}

這里需要注意的是，在方法二中，我們將使用的偽元素before定位在了其父元素.number中，并在其內容中填充了我們剛才在html代碼中添加的data-number。

這兩種方法都可以實現數字變色的功能，具體采用哪一種，需要根據你自己的實際情況進行選擇。