css - CSSファイルの数値を見つけて変更するツール/スクリプト?

Question

私は単純に、1 つまたは複数の CSS ファイルのすべての数値を調べて検索し、2 回繰り返して保存したいと考えています。

これを行う最も簡単な方法についての提案はありますか?

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]

このコードは長さを短くすることができますが、読みやすくするために意図的に簡潔にしています。欠点の 1 つは、小数点以下 2 桁までしか浮動小数を縮小できないことですが、拡張小数が本当に必要な場合は簡単に変更できます (数値"%s%.2f"を目的の桁数に変更します)。

また、このコードは CSS セレクターの名前を変更する可能性があることにも注意してください (たとえば、#footer-2になり#footer-4.00ます)。それを避けたい場合は、コードを調整して、 の外側のテキストを無視する必要があります{...}。