在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）。如果您想避免這種情況，您需要調整代碼以忽略{...}以外的文字。