用于在CSS文件中查找和修改数值的工具/脚本？

Question

我只是想通过查找单个或一批CSS文件中的每个数值以及多次两次，然后保存。

有关最简单方法的建议吗？

Answer 1

使用正则表达式可以解决您的问题。例如，在python中，您可以执行以下操作：

import re

input = "#content {width:100px;height:20.5%;font-size:150.25%;margin-left:-20px;padding:2 0 -20 14.33333;}"

regex = re.compile("-?[.0-9]+")
scaled_numbers = [float(n)*2 for n in re.findall(regex, input)]
split_text = re.split(regex, input)

output = ''
for i in range(len(scaled_numbers)):
    output += "%s%.2f" % (split_text[i], scaled_numbers[i])

output += split_text[-1]

这段代码可以减少长度，但我故意让它不那么紧凑以便于阅读。它的一个缺陷就是它将浮点数合并到只有2位小数，但如果你真的需要扩展小数，那么这很容易改变（将"%s%.2f"中的数字改为所需的位数）。

另请注意，此代码可能会更改CSS选择器的名称（例如，#footer-2将变为#footer-4.00）。如果您想避免这种情况，则需要调整代码以忽略{...}之外的文字。