[分享]css取出字符串中数字

CSS中如何取出字符串中的数字？这是一种常用的技巧，下面来讲一下具体的步骤和代码实现。 //CSS代码 fontsize: calc(20px + 2rem); 在上面的代码中，我们需要取出20和2这...

CSS中如何取出字符串中的数字？这是一种常用的技巧，下面来讲一下具体的步骤和代码实现。

//CSS代码
font-size: calc(20px + 2rem); 

在上面的代码中，我们需要取出20和2这两个数字。具体方法如下：

//CSS代码
font-size:
    calc(
        var(--base-size, 20px) //设置默认值20px
        + var(--extra-size, 2rem) //设置默认值2rem
    );

//取出值
calc(var(--base-size));
calc(var(--extra-size)); 

以上代码中，我们使用了calc()函数来进行计算以及提取数值。在calc()函数中，我们使用了var()函数来提取变量的值。具体来说，我们可以使用calc(var(--变量名))来获取我们需要的数字。

需要注意的是，在计算时，我们可以设置变量的默认值。如果我们没有为变量设置默认值，那么在提取数值时，可能会出现未知的错误。

以上就是CSS中取出字符串中的数字的方法。希望本文对您有所帮助。