正则表达式匹配CSS颜色十六进制代码

时间:2013-04-01 02:36:20

标签: css ruby regex

这应该很容易......我正在尝试将css文件中的3个十六进制数字与ruby匹配。这就是我所拥有的......

File.open(ARGV[0], 'r') do |source|
  source.each { |line|
  puts line if line =~ /\h{3}/
}
end

这不会在具有多个此类值的文件中返回任何内容。如果我将行更改为line =~ /\h/,那么几乎每行都会返回。我知道我必须遗漏一些基本的东西,但它是什么?

EDIT。这是一些示例输入。有效的十六进制颜色当然可以是三个十六进制值组合,但是现在我只关注六个值。

#captcha fieldset{border-top:1px solid #c0c0c0;border-bottom:1px solid#c0c0c0;margin:0;padding:10px}
#captcha legend{color:gray}
#captcha .divider{display:none}
#captcha .captcha_refresh{font-size: 9px;color:gray}
#captcha .captcha_other_options{padding-top:5px;font-size: 9px}
#captcha .recaptcha_text{font-size: 11px;line-height:16px}
#captcha .captcha_optout{font-size: 11px;padding:10px 0 5px}
#captcha #recaptcha_image{font-weight:bold;margin:10px 0 0 0}
#captcha #recaptcha_image a.recaptcha_audio_cant_hear_link{font-size: 9px;font-weight:normal}
#captcha .captcha_loading{border:0}
#captcha .captcha_image img{border:1px solid #c0c0c0}
#captcha .captcha_input input{direction:ltr;margin-top:4px;width:137px}
#captcha .captcha_input label{margin-right:4px}
.register #captcha .captcha_input label{color:#666;font-weight:bold}
#generic_dialog.captcha .generic_dialog_popup{width:340px}

1 个答案:

答案 0 :(得分:6)

这个怎么样?

/(?<=#)(?<!^)\h{3}/

如果您想要3个或6个字符,请使用此变体...

/(?<=#)(?<!^)(\h{6}|\h{3})/

控制台测试

1.9.3p392 :002 > css = "#captcha fieldset{border-top:1px solid #c0c0c0;border-bottom:1px solid#c0c0c0;margin:0;padding:10px}"
 => "#captcha fieldset{border-top:1px solid #c0c0c0;border-bottom:1px solid#c0c0c0;margin:0;padding:10px}"
1.9.3p392 :003 > css.scan(/(?<=#)(?<!^)(\h{6}|\h{3})/)
 => [["c0c0c0"], ["c0c0c0"]]