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。

这两种方法都可以实现数字变色的功能，具体采用哪一种，需要根据你自己的实际情况进行选择。