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]

这段代码的长度可以减少，但为了便于阅读，我故意让它不那么紧凑。它的一个缺陷是它将 float 收缩到只有小数点后 2 位，但如果您确实需要扩展小数位，可以很容易地更改它(将 "%s%.2f" 中的数字更改为所需的数字地点)。

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