我正在尝试编写一个Ruby脚本,用它们的px等价物替换CSS文件中的所有rem值。这将是一个示例CSS文件:
body{font-size:1.6rem;margin:4rem 7rem;}
我想得到的匹配数据是:
# Match 1 Match 2
# 1. font-size 1. margin
# 2. 1.6 2. 4
# 3. 7
然而,我完全不知道如何获得多个不同的MatchData结果。RegEx让我最接近的是这个(你也可以在Rubular上看看):
/([^}{;]+):s*([0-9.]+?)rem(?=s*;|s*})/i
这将匹配值声明的单个实例(因此它将正确地返回所需的match 1结果),但完全忽略倍数。
我也尝试了一些类似([0-9.]+?rems*)+
的方法,但也没有返回所需的结果,而且感觉我没有走上正轨,因为它不会返回多个结果数据集。
EDIT根据答案中的建议,我最终解决了这样的问题:
# search for any declarations that contain rem unit values and modify blockwise
@output.gsub!(/([^ }{;]+):s*([^}{;]*[0-9.]rem+[^;]*)(?=s*;|s*})/i) do |match|
# search for any single rem value
string = match.gsub(/([0-9.]+)rem/i) do |value|
# convert the rem value to px by multiplying by 10 (this is not universal!)
value = sprintf('%g', Regexp.last_match[1].to_f * 10).to_s + 'px'
end
string += ';' + match # append the original match result to the replacement
match = string # overwrite the matched result
end
您无法捕获动态数量的匹配组(至少在ruby中没有)。
相反,您可以执行以下任一操作:
- 获取整体价值并在空间上进行拆分
- 使用多级匹配首先捕获整个键/值对,然后匹配值。您可以在ruby中的
match
方法上使用块
此正则表达式将为您的示例执行以下操作:
([^}{;]+):(?:([0-9.]+?)rems?)?(?:([0-9.]+?)rems?)
但是,你无法匹配这样的东西:margin:4rem 7rem 9rem
这就是我所能做的:演示
Regex:(?<={|;)([^:}]+)(?::)([^A-Za-z]+)
这就是我的结果:
# Match 1 Match 2
# 1. font-size 1. margin
# 2. 1.6 2. 4
正如@koffeinfrei所说,在Ruby中动态捕获是不可能的。捕获整个字符串并删除空格会更明智。
str = 'body{font-size:1.6rem;margin:4rem 7rem;}'
str.scan(/(?<=[{; ]).+?(?=[;}])/)
.map { |e| e.match /(?<prop>.+):(?<value>.+)/ }
#⇒ [
# [0] #<MatchData "font-size:1.6rem" prop:"font-size" value:"1.6rem">,
# [1] #<MatchData "margin:4rem 7rem" prop:"margin" value:"4rem 7rem">
# ]
后一个match
可能很容易被调整为返回您想要的任何值,value.split(/s+/)
将返回所有值,d+
而不是.+
将只匹配数字等。