css - 在 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）。如果您想避免这种情况，您需要调整代码以忽略{...}.